From 4076e70ce9ca91a492d8b7b1394487c29f1ac5db Mon Sep 17 00:00:00 2001
From: Ehco1996 <zh19960202@gmail.com>
Date: Tue, 16 Jan 2024 10:15:06 +0800
Subject: [PATCH] chore: introduce djlint

---
 Makefile                                      |   4 +
 apps/sspanel/static/sspanel/css/sspanel.css   |  29 +-
 apps/stats/admin.py                           |   2 +-
 poetry.lock                                   | 291 +++++++++-
 pyproject.toml                                |   1 +
 templates/404.html                            |  43 +-
 templates/adminbase.html                      | 293 +++++-----
 templates/base.html                           | 408 +++++++------
 templates/basehead.html                       |  39 +-
 templates/footer.html                         |  23 +-
 templates/my_admin/announcement_create.html   |  62 +-
 templates/my_admin/announcement_detail.html   |  57 +-
 templates/my_admin/announcements.html         | 132 ++---
 templates/my_admin/charge.html                | 147 +++--
 templates/my_admin/good_create.html           |  59 +-
 templates/my_admin/good_detail.html           |  58 +-
 templates/my_admin/goods.html                 | 142 ++---
 templates/my_admin/index.html                 | 122 ++--
 templates/my_admin/invitecode.html            | 113 ++--
 templates/my_admin/purchasehistory.html       | 115 ++--
 templates/my_admin/user_status.html           | 213 ++++---
 .../registration/password_change_done.html    |  12 +-
 .../registration/password_change_form.html    |  71 ++-
 .../registration/password_reset_complete.html |  39 +-
 .../registration/password_reset_confirm.html  |  71 ++-
 .../registration/password_reset_done.html     |  40 +-
 .../registration/password_reset_form.html     |  68 ++-
 templates/web/aff_invite.html                 | 116 ++--
 templates/web/announcement.html               |  71 ++-
 templates/web/charge_center.html              | 274 ++++-----
 templates/web/help.html                       |  83 +--
 templates/web/index.html                      | 116 ++--
 templates/web/invite.html                     |  79 ++-
 templates/web/login.html                      | 127 ++--
 templates/web/node_occupancy.html             | 282 +++++----
 templates/web/register.html                   |  76 ++-
 templates/web/shop.html                       | 211 ++++---
 templates/web/telegram_login.html             |  63 +-
 templates/web/ticket_create.html              |  85 +--
 templates/web/ticket_edit.html                | 137 ++---
 templates/web/ticket_list.html                |  96 ++--
 templates/web/user_info.html                  | 540 +++++++++---------
 templates/web/user_traffic_log.html           |  83 +--
 43 files changed, 2649 insertions(+), 2444 deletions(-)

diff --git a/Makefile b/Makefile
index 1fdc89fcc4..ca2b59d7ae 100644
--- a/Makefile
+++ b/Makefile
@@ -10,10 +10,14 @@ update:
 
 fmt:
 	autoflake --recursive --remove-all-unused-imports --in-place . && isort . && black .
+	echo "fmt django templates"
+	djlint --reformat templates/
+
 
 check:
 	isort --check .
 	black  --check .
+	djlint --check templates/
 
 runserver:
 	$(PM) runserver 0.0.0.0:8000
diff --git a/apps/sspanel/static/sspanel/css/sspanel.css b/apps/sspanel/static/sspanel/css/sspanel.css
index 9bee0faae2..83ad014049 100644
--- a/apps/sspanel/static/sspanel/css/sspanel.css
+++ b/apps/sspanel/static/sspanel/css/sspanel.css
@@ -1,33 +1,28 @@
 /* 动态为footer添加类fixed-bottom */
 
 .fixed-bottom {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
 }
 
-
-/* 注册错误消息提示 */
-
 .errorlist {
-    color: red
+  color: red;
 }
 
-
 /* Navbar免js自动响应 */
 
 #nav-toggle-state {
-    display: none;
+  display: none;
 }
 
-#nav-toggle-state:checked~.nav-menu {
-    display: block;
+#nav-toggle-state:checked ~ .nav-menu {
+  display: block;
 }
 
-
 @media all and (max-width: 768px) {
-    body {
-        /* On modern browsers, prevent the whole page to bounce */
-        overflow: hidden;
-    }
-}
\ No newline at end of file
+  body {
+    /* On modern browsers, prevent the whole page to bounce */
+    overflow: hidden;
+  }
+}
diff --git a/apps/stats/admin.py b/apps/stats/admin.py
index 0a8d8d1ab3..b2d7bea7f2 100644
--- a/apps/stats/admin.py
+++ b/apps/stats/admin.py
@@ -13,7 +13,7 @@ class DailyStatsAdmin(admin.ModelAdmin):
         "order_amount",
         "total_used_traffic",
     ]
-    list_per_page = 31
+    list_per_page = 10
     list_filter = ["date"]
 
 
diff --git a/poetry.lock b/poetry.lock
index 75a4ecdc4e..419ab657cb 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -613,6 +613,21 @@ ssh = ["bcrypt (>=3.1.5)"]
 test = ["pretend", "pytest (>=6.2.0)", "pytest-benchmark", "pytest-cov", "pytest-xdist"]
 test-randomorder = ["pytest-randomly"]
 
+[[package]]
+name = "cssbeautifier"
+version = "1.14.11"
+description = "CSS unobfuscator and beautifier."
+optional = false
+python-versions = "*"
+files = [
+    {file = "cssbeautifier-1.14.11.tar.gz", hash = "sha256:40544c2b62bbcb64caa5e7f37a02df95654e5ce1bcacadac4ca1f3dc89c31513"},
+]
+
+[package.dependencies]
+editorconfig = ">=0.12.2"
+jsbeautifier = "*"
+six = ">=1.13.0"
+
 [[package]]
 name = "decorator"
 version = "5.1.1"
@@ -767,6 +782,41 @@ files = [
 django = ">=3.0"
 pytz = "*"
 
+[[package]]
+name = "djlint"
+version = "1.34.1"
+description = "HTML Template Linter and Formatter"
+optional = false
+python-versions = ">=3.8.0,<4.0.0"
+files = [
+    {file = "djlint-1.34.1-py3-none-any.whl", hash = "sha256:96ff1c464fb6f061130ebc88663a2ea524d7ec51f4b56221a2b3f0320a3cfce8"},
+    {file = "djlint-1.34.1.tar.gz", hash = "sha256:db93fa008d19eaadb0454edf1704931d14469d48508daba2df9941111f408346"},
+]
+
+[package.dependencies]
+click = ">=8.0.1,<9.0.0"
+colorama = ">=0.4.4,<0.5.0"
+cssbeautifier = ">=1.14.4,<2.0.0"
+html-tag-names = ">=0.1.2,<0.2.0"
+html-void-elements = ">=0.1.0,<0.2.0"
+jsbeautifier = ">=1.14.4,<2.0.0"
+json5 = ">=0.9.11,<0.10.0"
+pathspec = ">=0.12.0,<0.13.0"
+PyYAML = ">=6.0,<7.0"
+regex = ">=2023.0.0,<2024.0.0"
+tqdm = ">=4.62.2,<5.0.0"
+
+[[package]]
+name = "editorconfig"
+version = "0.12.3"
+description = "EditorConfig File Locator and Interpreter for Python"
+optional = false
+python-versions = "*"
+files = [
+    {file = "EditorConfig-0.12.3-py3-none-any.whl", hash = "sha256:6b0851425aa875b08b16789ee0eeadbd4ab59666e9ebe728e526314c4a2e52c1"},
+    {file = "EditorConfig-0.12.3.tar.gz", hash = "sha256:57f8ce78afcba15c8b18d46b5170848c88d56fd38f05c2ec60dbbfcb8996e89e"},
+]
+
 [[package]]
 name = "executing"
 version = "2.0.0"
@@ -867,6 +917,28 @@ aiohttp = ">=3.6.2,<4.0.0"
 maxminddb = ">=2.3.0,<3.0.0"
 requests = ">=2.24.0,<3.0.0"
 
+[[package]]
+name = "html-tag-names"
+version = "0.1.2"
+description = "List of known HTML tag names"
+optional = false
+python-versions = ">=3.7,<4.0"
+files = [
+    {file = "html-tag-names-0.1.2.tar.gz", hash = "sha256:04924aca48770f36b5a41c27e4d917062507be05118acb0ba869c97389084297"},
+    {file = "html_tag_names-0.1.2-py3-none-any.whl", hash = "sha256:eeb69ef21078486b615241f0393a72b41352c5219ee648e7c61f5632d26f0420"},
+]
+
+[[package]]
+name = "html-void-elements"
+version = "0.1.0"
+description = "List of HTML void tag names."
+optional = false
+python-versions = ">=3.7,<4.0"
+files = [
+    {file = "html-void-elements-0.1.0.tar.gz", hash = "sha256:931b88f84cd606fee0b582c28fcd00e41d7149421fb673e1e1abd2f0c4f231f0"},
+    {file = "html_void_elements-0.1.0-py3-none-any.whl", hash = "sha256:784cf39db03cdeb017320d9301009f8f3480f9d7b254d0974272e80e0cb5e0d2"},
+]
+
 [[package]]
 name = "idna"
 version = "3.4"
@@ -976,6 +1048,34 @@ docs = ["Jinja2 (==2.11.3)", "MarkupSafe (==1.1.1)", "Pygments (==2.8.1)", "alab
 qa = ["flake8 (==5.0.4)", "mypy (==0.971)", "types-setuptools (==67.2.0.1)"]
 testing = ["Django", "attrs", "colorama", "docopt", "pytest (<7.0.0)"]
 
+[[package]]
+name = "jsbeautifier"
+version = "1.14.11"
+description = "JavaScript unobfuscator and beautifier."
+optional = false
+python-versions = "*"
+files = [
+    {file = "jsbeautifier-1.14.11.tar.gz", hash = "sha256:6b632581ea60dd1c133cd25a48ad187b4b91f526623c4b0fb5443ef805250505"},
+]
+
+[package.dependencies]
+editorconfig = ">=0.12.2"
+six = ">=1.13.0"
+
+[[package]]
+name = "json5"
+version = "0.9.14"
+description = "A Python implementation of the JSON5 data format."
+optional = false
+python-versions = "*"
+files = [
+    {file = "json5-0.9.14-py2.py3-none-any.whl", hash = "sha256:740c7f1b9e584a468dbb2939d8d458db3427f2c93ae2139d05f47e453eae964f"},
+    {file = "json5-0.9.14.tar.gz", hash = "sha256:9ed66c3a6ca3510a976a9ef9b8c0787de24802724ab1860bc0153c7fdd589b02"},
+]
+
+[package.extras]
+dev = ["hypothesis"]
+
 [[package]]
 name = "kombu"
 version = "5.3.2"
@@ -1169,13 +1269,13 @@ testing = ["docopt", "pytest (<6.0.0)"]
 
 [[package]]
 name = "pathspec"
-version = "0.11.2"
+version = "0.12.1"
 description = "Utility library for gitignore style pattern matching of file paths."
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 files = [
-    {file = "pathspec-0.11.2-py3-none-any.whl", hash = "sha256:1d6ed233af05e679efb96b1851550ea95bbb64b7c490b0f5aa52996c11e92a20"},
-    {file = "pathspec-0.11.2.tar.gz", hash = "sha256:e0d8d0ac2f12da61956eb2306b69f9469b42f4deb0f3cb6ed47b9cce9996ced3"},
+    {file = "pathspec-0.12.1-py3-none-any.whl", hash = "sha256:a0d503e138a4c123b27490a4f7beda6a01c6f288df0e4a8b79c7eb0dc7b4cc08"},
+    {file = "pathspec-0.12.1.tar.gz", hash = "sha256:a482d51503a1ab33b1c67a6c3813a26953dbdc71c31dacaef9a838c4e29f5712"},
 ]
 
 [[package]]
@@ -1471,6 +1571,65 @@ files = [
     {file = "pytzdata-2020.1.tar.gz", hash = "sha256:3efa13b335a00a8de1d345ae41ec78dd11c9f8807f522d39850f2dd828681540"},
 ]
 
+[[package]]
+name = "pyyaml"
+version = "6.0.1"
+description = "YAML parser and emitter for Python"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "PyYAML-6.0.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d858aa552c999bc8a8d57426ed01e40bef403cd8ccdd0fc5f6f04a00414cac2a"},
+    {file = "PyYAML-6.0.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:fd66fc5d0da6d9815ba2cebeb4205f95818ff4b79c3ebe268e75d961704af52f"},
+    {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:69b023b2b4daa7548bcfbd4aa3da05b3a74b772db9e23b982788168117739938"},
+    {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:81e0b275a9ecc9c0c0c07b4b90ba548307583c125f54d5b6946cfee6360c733d"},
+    {file = "PyYAML-6.0.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ba336e390cd8e4d1739f42dfe9bb83a3cc2e80f567d8805e11b46f4a943f5515"},
+    {file = "PyYAML-6.0.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:326c013efe8048858a6d312ddd31d56e468118ad4cdeda36c719bf5bb6192290"},
+    {file = "PyYAML-6.0.1-cp310-cp310-win32.whl", hash = "sha256:bd4af7373a854424dabd882decdc5579653d7868b8fb26dc7d0e99f823aa5924"},
+    {file = "PyYAML-6.0.1-cp310-cp310-win_amd64.whl", hash = "sha256:fd1592b3fdf65fff2ad0004b5e363300ef59ced41c2e6b3a99d4089fa8c5435d"},
+    {file = "PyYAML-6.0.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6965a7bc3cf88e5a1c3bd2e0b5c22f8d677dc88a455344035f03399034eb3007"},
+    {file = "PyYAML-6.0.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f003ed9ad21d6a4713f0a9b5a7a0a79e08dd0f221aff4525a2be4c346ee60aab"},
+    {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:42f8152b8dbc4fe7d96729ec2b99c7097d656dc1213a3229ca5383f973a5ed6d"},
+    {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:062582fca9fabdd2c8b54a3ef1c978d786e0f6b3a1510e0ac93ef59e0ddae2bc"},
+    {file = "PyYAML-6.0.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:d2b04aac4d386b172d5b9692e2d2da8de7bfb6c387fa4f801fbf6fb2e6ba4673"},
+    {file = "PyYAML-6.0.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:e7d73685e87afe9f3b36c799222440d6cf362062f78be1013661b00c5c6f678b"},
+    {file = "PyYAML-6.0.1-cp311-cp311-win32.whl", hash = "sha256:1635fd110e8d85d55237ab316b5b011de701ea0f29d07611174a1b42f1444741"},
+    {file = "PyYAML-6.0.1-cp311-cp311-win_amd64.whl", hash = "sha256:bf07ee2fef7014951eeb99f56f39c9bb4af143d8aa3c21b1677805985307da34"},
+    {file = "PyYAML-6.0.1-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:855fb52b0dc35af121542a76b9a84f8d1cd886ea97c84703eaa6d88e37a2ad28"},
+    {file = "PyYAML-6.0.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:40df9b996c2b73138957fe23a16a4f0ba614f4c0efce1e9406a184b6d07fa3a9"},
+    {file = "PyYAML-6.0.1-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6c22bec3fbe2524cde73d7ada88f6566758a8f7227bfbf93a408a9d86bcc12a0"},
+    {file = "PyYAML-6.0.1-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:8d4e9c88387b0f5c7d5f281e55304de64cf7f9c0021a3525bd3b1c542da3b0e4"},
+    {file = "PyYAML-6.0.1-cp312-cp312-win32.whl", hash = "sha256:d483d2cdf104e7c9fa60c544d92981f12ad66a457afae824d146093b8c294c54"},
+    {file = "PyYAML-6.0.1-cp312-cp312-win_amd64.whl", hash = "sha256:0d3304d8c0adc42be59c5f8a4d9e3d7379e6955ad754aa9d6ab7a398b59dd1df"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:50550eb667afee136e9a77d6dc71ae76a44df8b3e51e41b77f6de2932bfe0f47"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1fe35611261b29bd1de0070f0b2f47cb6ff71fa6595c077e42bd0c419fa27b98"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:704219a11b772aea0d8ecd7058d0082713c3562b4e271b849ad7dc4a5c90c13c"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:afd7e57eddb1a54f0f1a974bc4391af8bcce0b444685d936840f125cf046d5bd"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-win32.whl", hash = "sha256:fca0e3a251908a499833aa292323f32437106001d436eca0e6e7833256674585"},
+    {file = "PyYAML-6.0.1-cp36-cp36m-win_amd64.whl", hash = "sha256:f22ac1c3cac4dbc50079e965eba2c1058622631e526bd9afd45fedd49ba781fa"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:b1275ad35a5d18c62a7220633c913e1b42d44b46ee12554e5fd39c70a243d6a3"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:18aeb1bf9a78867dc38b259769503436b7c72f7a1f1f4c93ff9a17de54319b27"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:596106435fa6ad000c2991a98fa58eeb8656ef2325d7e158344fb33864ed87e3"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:baa90d3f661d43131ca170712d903e6295d1f7a0f595074f151c0aed377c9b9c"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-win32.whl", hash = "sha256:9046c58c4395dff28dd494285c82ba00b546adfc7ef001486fbf0324bc174fba"},
+    {file = "PyYAML-6.0.1-cp37-cp37m-win_amd64.whl", hash = "sha256:4fb147e7a67ef577a588a0e2c17b6db51dda102c71de36f8549b6816a96e1867"},
+    {file = "PyYAML-6.0.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:1d4c7e777c441b20e32f52bd377e0c409713e8bb1386e1099c2415f26e479595"},
+    {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a0cd17c15d3bb3fa06978b4e8958dcdc6e0174ccea823003a106c7d4d7899ac5"},
+    {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:28c119d996beec18c05208a8bd78cbe4007878c6dd15091efb73a30e90539696"},
+    {file = "PyYAML-6.0.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7e07cbde391ba96ab58e532ff4803f79c4129397514e1413a7dc761ccd755735"},
+    {file = "PyYAML-6.0.1-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:49a183be227561de579b4a36efbb21b3eab9651dd81b1858589f796549873dd6"},
+    {file = "PyYAML-6.0.1-cp38-cp38-win32.whl", hash = "sha256:184c5108a2aca3c5b3d3bf9395d50893a7ab82a38004c8f61c258d4428e80206"},
+    {file = "PyYAML-6.0.1-cp38-cp38-win_amd64.whl", hash = "sha256:1e2722cc9fbb45d9b87631ac70924c11d3a401b2d7f410cc0e3bbf249f2dca62"},
+    {file = "PyYAML-6.0.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:9eb6caa9a297fc2c2fb8862bc5370d0303ddba53ba97e71f08023b6cd73d16a8"},
+    {file = "PyYAML-6.0.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:c8098ddcc2a85b61647b2590f825f3db38891662cfc2fc776415143f599bb859"},
+    {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5773183b6446b2c99bb77e77595dd486303b4faab2b086e7b17bc6bef28865f6"},
+    {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:b786eecbdf8499b9ca1d697215862083bd6d2a99965554781d0d8d1ad31e13a0"},
+    {file = "PyYAML-6.0.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bc1bf2925a1ecd43da378f4db9e4f799775d6367bdb94671027b73b393a7c42c"},
+    {file = "PyYAML-6.0.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:04ac92ad1925b2cff1db0cfebffb6ffc43457495c9b3c39d3fcae417d7125dc5"},
+    {file = "PyYAML-6.0.1-cp39-cp39-win32.whl", hash = "sha256:faca3bdcf85b2fc05d06ff3fbc1f83e1391b3e724afa3feba7d13eeab355484c"},
+    {file = "PyYAML-6.0.1-cp39-cp39-win_amd64.whl", hash = "sha256:510c9deebc5c0225e8c96813043e62b680ba2f9c50a08d3724c7f28a747d1486"},
+    {file = "PyYAML-6.0.1.tar.gz", hash = "sha256:bfdf460b1736c775f2ba9f6a92bca30bc2095067b8a9d77876d1fad6cc3b4a43"},
+]
+
 [[package]]
 name = "redis"
 version = "3.5.3"
@@ -1485,6 +1644,108 @@ files = [
 [package.extras]
 hiredis = ["hiredis (>=0.1.3)"]
 
+[[package]]
+name = "regex"
+version = "2023.12.25"
+description = "Alternative regular expression module, to replace re."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "regex-2023.12.25-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:0694219a1d54336fd0445ea382d49d36882415c0134ee1e8332afd1529f0baa5"},
+    {file = "regex-2023.12.25-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:b014333bd0217ad3d54c143de9d4b9a3ca1c5a29a6d0d554952ea071cff0f1f8"},
+    {file = "regex-2023.12.25-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:d865984b3f71f6d0af64d0d88f5733521698f6c16f445bb09ce746c92c97c586"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1e0eabac536b4cc7f57a5f3d095bfa557860ab912f25965e08fe1545e2ed8b4c"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:c25a8ad70e716f96e13a637802813f65d8a6760ef48672aa3502f4c24ea8b400"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a9b6d73353f777630626f403b0652055ebfe8ff142a44ec2cf18ae470395766e"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:a9cc99d6946d750eb75827cb53c4371b8b0fe89c733a94b1573c9dd16ea6c9e4"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:88d1f7bef20c721359d8675f7d9f8e414ec5003d8f642fdfd8087777ff7f94b5"},
+    {file = "regex-2023.12.25-cp310-cp310-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_12_x86_64.manylinux2010_x86_64.whl", hash = "sha256:cb3fe77aec8f1995611f966d0c656fdce398317f850d0e6e7aebdfe61f40e1cd"},
+    {file = "regex-2023.12.25-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:7aa47c2e9ea33a4a2a05f40fcd3ea36d73853a2aae7b4feab6fc85f8bf2c9704"},
+    {file = "regex-2023.12.25-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:df26481f0c7a3f8739fecb3e81bc9da3fcfae34d6c094563b9d4670b047312e1"},
+    {file = "regex-2023.12.25-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:c40281f7d70baf6e0db0c2f7472b31609f5bc2748fe7275ea65a0b4601d9b392"},
+    {file = "regex-2023.12.25-cp310-cp310-musllinux_1_1_s390x.whl", hash = "sha256:d94a1db462d5690ebf6ae86d11c5e420042b9898af5dcf278bd97d6bda065423"},
+    {file = "regex-2023.12.25-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:ba1b30765a55acf15dce3f364e4928b80858fa8f979ad41f862358939bdd1f2f"},
+    {file = "regex-2023.12.25-cp310-cp310-win32.whl", hash = "sha256:150c39f5b964e4d7dba46a7962a088fbc91f06e606f023ce57bb347a3b2d4630"},
+    {file = "regex-2023.12.25-cp310-cp310-win_amd64.whl", hash = "sha256:09da66917262d9481c719599116c7dc0c321ffcec4b1f510c4f8a066f8768105"},
+    {file = "regex-2023.12.25-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:1b9d811f72210fa9306aeb88385b8f8bcef0dfbf3873410413c00aa94c56c2b6"},
+    {file = "regex-2023.12.25-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:d902a43085a308cef32c0d3aea962524b725403fd9373dea18110904003bac97"},
+    {file = "regex-2023.12.25-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:d166eafc19f4718df38887b2bbe1467a4f74a9830e8605089ea7a30dd4da8887"},
+    {file = "regex-2023.12.25-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c7ad32824b7f02bb3c9f80306d405a1d9b7bb89362d68b3c5a9be53836caebdb"},
+    {file = "regex-2023.12.25-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:636ba0a77de609d6510235b7f0e77ec494d2657108f777e8765efc060094c98c"},
+    {file = "regex-2023.12.25-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:0fda75704357805eb953a3ee15a2b240694a9a514548cd49b3c5124b4e2ad01b"},
+    {file = "regex-2023.12.25-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f72cbae7f6b01591f90814250e636065850c5926751af02bb48da94dfced7baa"},
+    {file = "regex-2023.12.25-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:db2a0b1857f18b11e3b0e54ddfefc96af46b0896fb678c85f63fb8c37518b3e7"},
+    {file = "regex-2023.12.25-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:7502534e55c7c36c0978c91ba6f61703faf7ce733715ca48f499d3dbbd7657e0"},
+    {file = "regex-2023.12.25-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:e8c7e08bb566de4faaf11984af13f6bcf6a08f327b13631d41d62592681d24fe"},
+    {file = "regex-2023.12.25-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:283fc8eed679758de38fe493b7d7d84a198b558942b03f017b1f94dda8efae80"},
+    {file = "regex-2023.12.25-cp311-cp311-musllinux_1_1_s390x.whl", hash = "sha256:f44dd4d68697559d007462b0a3a1d9acd61d97072b71f6d1968daef26bc744bd"},
+    {file = "regex-2023.12.25-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:67d3ccfc590e5e7197750fcb3a2915b416a53e2de847a728cfa60141054123d4"},
+    {file = "regex-2023.12.25-cp311-cp311-win32.whl", hash = "sha256:68191f80a9bad283432385961d9efe09d783bcd36ed35a60fb1ff3f1ec2efe87"},
+    {file = "regex-2023.12.25-cp311-cp311-win_amd64.whl", hash = "sha256:7d2af3f6b8419661a0c421584cfe8aaec1c0e435ce7e47ee2a97e344b98f794f"},
+    {file = "regex-2023.12.25-cp312-cp312-macosx_10_9_universal2.whl", hash = "sha256:8a0ccf52bb37d1a700375a6b395bff5dd15c50acb745f7db30415bae3c2b0715"},
+    {file = "regex-2023.12.25-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:c3c4a78615b7762740531c27cf46e2f388d8d727d0c0c739e72048beb26c8a9d"},
+    {file = "regex-2023.12.25-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:ad83e7545b4ab69216cef4cc47e344d19622e28aabec61574b20257c65466d6a"},
+    {file = "regex-2023.12.25-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:b7a635871143661feccce3979e1727c4e094f2bdfd3ec4b90dfd4f16f571a87a"},
+    {file = "regex-2023.12.25-cp312-cp312-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:d498eea3f581fbe1b34b59c697512a8baef88212f92e4c7830fcc1499f5b45a5"},
+    {file = "regex-2023.12.25-cp312-cp312-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:43f7cd5754d02a56ae4ebb91b33461dc67be8e3e0153f593c509e21d219c5060"},
+    {file = "regex-2023.12.25-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:51f4b32f793812714fd5307222a7f77e739b9bc566dc94a18126aba3b92b98a3"},
+    {file = "regex-2023.12.25-cp312-cp312-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ba99d8077424501b9616b43a2d208095746fb1284fc5ba490139651f971d39d9"},
+    {file = "regex-2023.12.25-cp312-cp312-musllinux_1_1_aarch64.whl", hash = "sha256:4bfc2b16e3ba8850e0e262467275dd4d62f0d045e0e9eda2bc65078c0110a11f"},
+    {file = "regex-2023.12.25-cp312-cp312-musllinux_1_1_i686.whl", hash = "sha256:8c2c19dae8a3eb0ea45a8448356ed561be843b13cbc34b840922ddf565498c1c"},
+    {file = "regex-2023.12.25-cp312-cp312-musllinux_1_1_ppc64le.whl", hash = "sha256:60080bb3d8617d96f0fb7e19796384cc2467447ef1c491694850ebd3670bc457"},
+    {file = "regex-2023.12.25-cp312-cp312-musllinux_1_1_s390x.whl", hash = "sha256:b77e27b79448e34c2c51c09836033056a0547aa360c45eeeb67803da7b0eedaf"},
+    {file = "regex-2023.12.25-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:518440c991f514331f4850a63560321f833979d145d7d81186dbe2f19e27ae3d"},
+    {file = "regex-2023.12.25-cp312-cp312-win32.whl", hash = "sha256:e2610e9406d3b0073636a3a2e80db05a02f0c3169b5632022b4e81c0364bcda5"},
+    {file = "regex-2023.12.25-cp312-cp312-win_amd64.whl", hash = "sha256:cc37b9aeebab425f11f27e5e9e6cf580be7206c6582a64467a14dda211abc232"},
+    {file = "regex-2023.12.25-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:da695d75ac97cb1cd725adac136d25ca687da4536154cdc2815f576e4da11c69"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d126361607b33c4eb7b36debc173bf25d7805847346dd4d99b5499e1fef52bc7"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:4719bb05094d7d8563a450cf8738d2e1061420f79cfcc1fa7f0a44744c4d8f73"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:5dd58946bce44b53b06d94aa95560d0b243eb2fe64227cba50017a8d8b3cd3e2"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:22a86d9fff2009302c440b9d799ef2fe322416d2d58fc124b926aa89365ec482"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:2aae8101919e8aa05ecfe6322b278f41ce2994c4a430303c4cd163fef746e04f"},
+    {file = "regex-2023.12.25-cp37-cp37m-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_12_x86_64.manylinux2010_x86_64.whl", hash = "sha256:e692296c4cc2873967771345a876bcfc1c547e8dd695c6b89342488b0ea55cd8"},
+    {file = "regex-2023.12.25-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:263ef5cc10979837f243950637fffb06e8daed7f1ac1e39d5910fd29929e489a"},
+    {file = "regex-2023.12.25-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:d6f7e255e5fa94642a0724e35406e6cb7001c09d476ab5fce002f652b36d0c39"},
+    {file = "regex-2023.12.25-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:88ad44e220e22b63b0f8f81f007e8abbb92874d8ced66f32571ef8beb0643b2b"},
+    {file = "regex-2023.12.25-cp37-cp37m-musllinux_1_1_s390x.whl", hash = "sha256:3a17d3ede18f9cedcbe23d2daa8a2cd6f59fe2bf082c567e43083bba3fb00347"},
+    {file = "regex-2023.12.25-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d15b274f9e15b1a0b7a45d2ac86d1f634d983ca40d6b886721626c47a400bf39"},
+    {file = "regex-2023.12.25-cp37-cp37m-win32.whl", hash = "sha256:ed19b3a05ae0c97dd8f75a5d8f21f7723a8c33bbc555da6bbe1f96c470139d3c"},
+    {file = "regex-2023.12.25-cp37-cp37m-win_amd64.whl", hash = "sha256:a6d1047952c0b8104a1d371f88f4ab62e6275567d4458c1e26e9627ad489b445"},
+    {file = "regex-2023.12.25-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:b43523d7bc2abd757119dbfb38af91b5735eea45537ec6ec3a5ec3f9562a1c53"},
+    {file = "regex-2023.12.25-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:efb2d82f33b2212898f1659fb1c2e9ac30493ac41e4d53123da374c3b5541e64"},
+    {file = "regex-2023.12.25-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:b7fca9205b59c1a3d5031f7e64ed627a1074730a51c2a80e97653e3e9fa0d415"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:086dd15e9435b393ae06f96ab69ab2d333f5d65cbe65ca5a3ef0ec9564dfe770"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:e81469f7d01efed9b53740aedd26085f20d49da65f9c1f41e822a33992cb1590"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:34e4af5b27232f68042aa40a91c3b9bb4da0eeb31b7632e0091afc4310afe6cb"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9852b76ab558e45b20bf1893b59af64a28bd3820b0c2efc80e0a70a4a3ea51c1"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ff100b203092af77d1a5a7abe085b3506b7eaaf9abf65b73b7d6905b6cb76988"},
+    {file = "regex-2023.12.25-cp38-cp38-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_12_x86_64.manylinux2010_x86_64.whl", hash = "sha256:cc038b2d8b1470364b1888a98fd22d616fba2b6309c5b5f181ad4483e0017861"},
+    {file = "regex-2023.12.25-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:094ba386bb5c01e54e14434d4caabf6583334090865b23ef58e0424a6286d3dc"},
+    {file = "regex-2023.12.25-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:5cd05d0f57846d8ba4b71d9c00f6f37d6b97d5e5ef8b3c3840426a475c8f70f4"},
+    {file = "regex-2023.12.25-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:9aa1a67bbf0f957bbe096375887b2505f5d8ae16bf04488e8b0f334c36e31360"},
+    {file = "regex-2023.12.25-cp38-cp38-musllinux_1_1_s390x.whl", hash = "sha256:98a2636994f943b871786c9e82bfe7883ecdaba2ef5df54e1450fa9869d1f756"},
+    {file = "regex-2023.12.25-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:37f8e93a81fc5e5bd8db7e10e62dc64261bcd88f8d7e6640aaebe9bc180d9ce2"},
+    {file = "regex-2023.12.25-cp38-cp38-win32.whl", hash = "sha256:d78bd484930c1da2b9679290a41cdb25cc127d783768a0369d6b449e72f88beb"},
+    {file = "regex-2023.12.25-cp38-cp38-win_amd64.whl", hash = "sha256:b521dcecebc5b978b447f0f69b5b7f3840eac454862270406a39837ffae4e697"},
+    {file = "regex-2023.12.25-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:f7bc09bc9c29ebead055bcba136a67378f03d66bf359e87d0f7c759d6d4ffa31"},
+    {file = "regex-2023.12.25-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:e14b73607d6231f3cc4622809c196b540a6a44e903bcfad940779c80dffa7be7"},
+    {file = "regex-2023.12.25-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:9eda5f7a50141291beda3edd00abc2d4a5b16c29c92daf8d5bd76934150f3edc"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:cc6bb9aa69aacf0f6032c307da718f61a40cf970849e471254e0e91c56ffca95"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:298dc6354d414bc921581be85695d18912bea163a8b23cac9a2562bbcd5088b1"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:2f4e475a80ecbd15896a976aa0b386c5525d0ed34d5c600b6d3ebac0a67c7ddf"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:531ac6cf22b53e0696f8e1d56ce2396311254eb806111ddd3922c9d937151dae"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:22f3470f7524b6da61e2020672df2f3063676aff444db1daa283c2ea4ed259d6"},
+    {file = "regex-2023.12.25-cp39-cp39-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_12_x86_64.manylinux2010_x86_64.whl", hash = "sha256:89723d2112697feaa320c9d351e5f5e7b841e83f8b143dba8e2d2b5f04e10923"},
+    {file = "regex-2023.12.25-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:0ecf44ddf9171cd7566ef1768047f6e66975788258b1c6c6ca78098b95cf9a3d"},
+    {file = "regex-2023.12.25-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:905466ad1702ed4acfd67a902af50b8db1feeb9781436372261808df7a2a7bca"},
+    {file = "regex-2023.12.25-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:4558410b7a5607a645e9804a3e9dd509af12fb72b9825b13791a37cd417d73a5"},
+    {file = "regex-2023.12.25-cp39-cp39-musllinux_1_1_s390x.whl", hash = "sha256:7e316026cc1095f2a3e8cc012822c99f413b702eaa2ca5408a513609488cb62f"},
+    {file = "regex-2023.12.25-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:3b1de218d5375cd6ac4b5493e0b9f3df2be331e86520f23382f216c137913d20"},
+    {file = "regex-2023.12.25-cp39-cp39-win32.whl", hash = "sha256:11a963f8e25ab5c61348d090bf1b07f1953929c13bd2309a0662e9ff680763c9"},
+    {file = "regex-2023.12.25-cp39-cp39-win_amd64.whl", hash = "sha256:e693e233ac92ba83a87024e1d32b5f9ab15ca55ddd916d878146f4e3406b5c91"},
+    {file = "regex-2023.12.25.tar.gz", hash = "sha256:29171aa128da69afdf4bde412d5bedc335f2ca8fcfe4489038577d05f16181e5"},
+]
+
 [[package]]
 name = "requests"
 version = "2.31.0"
@@ -1628,6 +1889,26 @@ files = [
     {file = "tomd-0.1.3.tar.gz", hash = "sha256:23f21ae853157be49d163159bc7c6bc007dd5e87b69769ec5ba3e17f5de7a6d4"},
 ]
 
+[[package]]
+name = "tqdm"
+version = "4.66.1"
+description = "Fast, Extensible Progress Meter"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "tqdm-4.66.1-py3-none-any.whl", hash = "sha256:d302b3c5b53d47bce91fea46679d9c3c6508cf6332229aa1e7d8653723793386"},
+    {file = "tqdm-4.66.1.tar.gz", hash = "sha256:d88e651f9db8d8551a62556d3cff9e3034274ca5d66e93197cf2490e2dcb69c7"},
+]
+
+[package.dependencies]
+colorama = {version = "*", markers = "platform_system == \"Windows\""}
+
+[package.extras]
+dev = ["pytest (>=6)", "pytest-cov", "pytest-timeout", "pytest-xdist"]
+notebook = ["ipywidgets (>=6)"]
+slack = ["slack-sdk"]
+telegram = ["requests"]
+
 [[package]]
 name = "traitlets"
 version = "5.11.2"
@@ -1804,4 +2085,4 @@ multidict = ">=4.0"
 [metadata]
 lock-version = "2.0"
 python-versions = "^3.11"
-content-hash = "7fcfd7a30f81a02e7c5149b21a1ba21c262710bd9beca3db46924d04cbc86bc6"
+content-hash = "44c50f76bfc5d9d92976485739a78675d6148b76eb49143a0d74f135d8552228"
diff --git a/pyproject.toml b/pyproject.toml
index c65c752564..c5f5aff209 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -46,6 +46,7 @@ djangorestframework = "^3.14.0"
 autoflake = "^2.2.1"
 black = "^23.12.1"
 isort = "^5.12.0"
+djlint = "^1.34.1"
 
 [build-system]
 build-backend = "poetry.core.masonry.api"
diff --git a/templates/404.html b/templates/404.html
index d68716dfd0..b93e22c58f 100755
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,10 +1,9 @@
 <!DOCTYPE htmlL>
 <html>
-
-<head>
-	<title>该页面不存在/需要登录才能访问</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<style type="text/css">
+    <head>
+        <title>该页面不存在/需要登录才能访问</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <style type="text/css">
 		body {
 			font-family: 'Courgette', cursive;
 		}
@@ -53,20 +52,20 @@
 			-moz-border-radius: .1em;
 			-border-radius: .1em;
 		}
-	</style>
-</head>
-
-
-<body>
-	<div class="wrap">
-		<div class="logo">
-			<h1>404</h1>
-			<p>你访问的页面不存在/需要登录后才能访问</p>
-			<div class="sub">
-				<p><a href="/">回到首页</a></p>
-			</div>
-		</div>
-	</div>
-</body>
-
-</html>
\ No newline at end of file
+	
+        </style>
+    </head>
+    <body>
+        <div class="wrap">
+            <div class="logo">
+                <h1>404</h1>
+                <p>你访问的页面不存在/需要登录后才能访问</p>
+                <div class="sub">
+                    <p>
+                        <a href="/">回到首页</a>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/templates/adminbase.html b/templates/adminbase.html
index b29ed31ad3..f168df36ab 100644
--- a/templates/adminbase.html
+++ b/templates/adminbase.html
@@ -1,162 +1,153 @@
 {% load ehcofilter %}
 <!DOCTYPE html>
 <html lang="zh">
-
-<head>
-    {% load static %}
-    <title>{% settings_value "SITE_TITLE" %}</title>
-    {% include "basehead.html" %}
-</head>
-
-<body>
-    <nav class="navbar is-primary is-spaced">
-        <div class="navbar-brand">
-            <a class="navbar-item" href="/">
-                {% settings_value "SITE_LOGO_URL" as logo_url %}
-                {% if logo_url %}
-                <img src="{{ logo_url }}" alt="site logo">
-                {% else %}
-                <img src="{% static 'img/logo/logo.png' %}" alt="site logo" width="112" height="28">
-                {% endif %}
-            </a>
-            <div class="navbar-burger burger" data-target="navMenuColorprimary-example">
-                <span></span>
-                <span></span>
-                <span></span>
+    <head>
+        {% load static %}
+        <title>{% settings_value "SITE_TITLE" %}</title>
+        {% include "basehead.html" %}
+    </head>
+    <body>
+        <nav class="navbar is-primary is-spaced">
+            <div class="navbar-brand">
+                <a class="navbar-item" href="/">
+                    {% settings_value "SITE_LOGO_URL" as logo_url %}
+                    {% if logo_url %}
+                        <img src="{{ logo_url }}" alt="site logo">
+                    {% else %}
+                        <img src="{% static 'img/logo/logo.png' %}"
+                             alt="site logo"
+                             width="112"
+                             height="28">
+                    {% endif %}
+                </a>
+                <div class="navbar-burger burger"
+                     data-target="navMenuColorprimary-example">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </div>
             </div>
-        </div>
-        <div id="navMenuColorprimary-example" class="navbar-menu">
-            <div class="navbar-end">
-                <a class="navbar-item" href="{% url 'sspanel:index' %}">首页</a>
-                <a class="navbar-item" href="{% url 'sspanel:help' %}">使用说明</a>
-                <a class="navbar-item" href="{% url 'sspanel:invite_code' %}">邀请码</a>
-                <div class="navbar-item has-dropdown is-hoverable is-hidden-mobile">
-                    <span class="navbar-item">
-                        <a class="button is-primary is-inverted" href="{% url 'sspanel:userinfo' %}">
-                            <span class="icon">
-                                <i class="fa fa-user-circle"></i>
-                            </span>
-                            <span>{{ user.username }}</span>
-                        </a>
-                    </span>
-                    <div class="navbar-dropdown">
-                        <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">
-                            <span class="icon">
-                                <i class="fa fa-users"></i>
-                            </span>
-                            <span>用户中心</span>
-                        </a>
-                        <hr class="navbar-divider">
-                        <a class="navbar-item" href="{% url 'sspanel:logout' %}">
-                            <span class="icon">
-                                <i class="fa fa-sign-out"></i>
-                            </span>
-                            <span>注销登录</span>
-                        </a>
+            <div id="navMenuColorprimary-example" class="navbar-menu">
+                <div class="navbar-end">
+                    <a class="navbar-item" href="{% url 'sspanel:index' %}">首页</a>
+                    <a class="navbar-item" href="{% url 'sspanel:help' %}">使用说明</a>
+                    <a class="navbar-item" href="{% url 'sspanel:invite_code' %}">邀请码</a>
+                    <div class="navbar-item has-dropdown is-hoverable is-hidden-mobile">
+                        <span class="navbar-item">
+                            <a class="button is-primary is-inverted"
+                               href="{% url 'sspanel:userinfo' %}">
+                                <span class="icon">
+                                    <i class="fa fa-user-circle"></i>
+                                </span>
+                                <span>{{ user.username }}</span>
+                            </a>
+                        </span>
+                        <div class="navbar-dropdown">
+                            <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">
+                                <span class="icon">
+                                    <i class="fa fa-users"></i>
+                                </span>
+                                <span>用户中心</span>
+                            </a>
+                            <hr class="navbar-divider">
+                            <a class="navbar-item" href="{% url 'sspanel:logout' %}">
+                                <span class="icon">
+                                    <i class="fa fa-sign-out"></i>
+                                </span>
+                                <span>注销登录</span>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- 手机界面菜单-->
+                    <div class="is-hidden-tablet">
+                        <a class="navbar-item is-active">面板管理</a>
+                        <a class="navbar-item" href="{% url 'sspanel:system_status' %}">系统状态</a>
+                        <a class="navbar-item" href="{% url 'sspanel:admin_user_status' %}">用户分析</a>
+                        <a class="navbar-item" href="{% url 'sspanel:admin_invite' %}">邀请相关</a>
+                        <a class="navbar-item" href="{% url 'sspanel:admin_announcements' %}">公告管理</a>
+                        <a class="navbar-item is-active">交易管理</a>
+                        <a class="navbar-item" href="{% url 'sspanel:admin_charge' %}">充值管理</a>
+                        <a class="navbar-item" href="{% url 'sspanel:admin_goods' %}">商品管理</a>
+                        <a class="navbar-item" href="{% url 'sspanel:purchase_history' %}">购买记录</a>
+                        <a class="navbar-item is-active">面板跳转</a>
+                        <a class="navbar-item" href="/admin">数据后台</a>
+                        <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">用户面板</a>
                     </div>
                 </div>
-                <!-- 手机界面菜单-->
-                <div class="is-hidden-tablet">
-                    <a class="navbar-item is-active">面板管理</a>
-                    <a class="navbar-item" href="{% url 'sspanel:system_status' %}">系统状态</a>
-                    <a class="navbar-item" href="{% url 'sspanel:admin_user_status' %}">用户分析</a>
-                    <a class="navbar-item" href="{% url 'sspanel:admin_invite' %}">邀请相关</a>
-                    <a class="navbar-item" href="{% url 'sspanel:admin_announcements' %}">公告管理</a>
-                    <a class="navbar-item is-active">交易管理</a>
-                    <a class="navbar-item" href="{% url 'sspanel:admin_charge' %}">充值管理</a>
-                    <a class="navbar-item" href="{% url 'sspanel:admin_goods' %}">商品管理</a>
-                    <a class="navbar-item" href="{% url 'sspanel:purchase_history' %}">购买记录</a>
-                    <a class="navbar-item is-active">面板跳转</a>
-                    <a class="navbar-item" href="/admin">数据后台</a>
-                    <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">用户面板</a>
-                </div>
-            </div>
-        </div>
-    </nav>
-    <section class="hero is-small is-primary">
-        <!-- Hero content: will be in the middle -->
-        <div class="hero-body">
-            <div class="container has-text-centered">
-                <h1 class="title">
-                    {% settings_value "SITE_SUBTITLE" %}
-                </h1>
-                <h2 class="subtitle">
-                    你说会发现什么呢？
-                </h2>
             </div>
-        </div>
-    </section>
-    <br />
-    <div class="container">
-        <div class="columns">
-            <div class="column is-2 is-hidden-mobile">
-                <div class="box">
-                    {% if user.is_authenticated %}
-                    <aside class="menu">
-                        <p class="menu-label">
-                            面板管理
-                        </p>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="{% url 'sspanel:system_status' %}">系统状态</a>
-                            </li>
-                            <ul class="menu-list">
-                                <li>
-                                    <a href="{% url 'sspanel:admin_user_status' %}">用户分析</a>
-                                </li>
-                            </ul>
-                            <li>
-                                <a href="{% url 'sspanel:admin_invite' %}">邀请相关</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:admin_announcements' %}">公告管理</a>
-                            </li>
-                        </ul>
-                        <p class="menu-label">
-                            交易管理
-                        </p>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="{% url 'sspanel:admin_charge' %}">充值管理</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:admin_goods' %}">商品管理</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:purchase_history' %}">购买记录</a>
-                            </li>
-                        </ul>
-                        <p class="menu-label">
-                            面板跳转
-                        </p>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="/admin">数据后台</a>
-                            </li>
-                        </ul>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="{% url 'sspanel:userinfo' %}">用户面板</a>
-                            </li>
-                        </ul>
-                        {% endif %}
-                    </aside>
+        </nav>
+        <section class="hero is-small is-primary">
+            <!-- Hero content: will be in the middle -->
+            <div class="hero-body">
+                <div class="container has-text-centered">
+                    <h1 class="title">{% settings_value "SITE_SUBTITLE" %}</h1>
+                    <h2 class="subtitle">你说会发现什么呢？</h2>
                 </div>
             </div>
-            <div class="column is-10">
-                {% block main %} {% endblock main%}
+        </section>
+        <br />
+        <div class="container">
+            <div class="columns">
+                <div class="column is-2 is-hidden-mobile">
+                    <div class="box">
+                        {% if user.is_authenticated %}
+                            <aside class="menu">
+                                <p class="menu-label">面板管理</p>
+                                <ul class="menu-list">
+                                    <li>
+                                        <a href="{% url 'sspanel:system_status' %}">系统状态</a>
+                                    </li>
+                                    <ul class="menu-list">
+                                        <li>
+                                            <a href="{% url 'sspanel:admin_user_status' %}">用户分析</a>
+                                        </li>
+                                    </ul>
+                                    <li>
+                                        <a href="{% url 'sspanel:admin_invite' %}">邀请相关</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:admin_announcements' %}">公告管理</a>
+                                    </li>
+                                </ul>
+                                <p class="menu-label">交易管理</p>
+                                <ul class="menu-list">
+                                    <li>
+                                        <a href="{% url 'sspanel:admin_charge' %}">充值管理</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:admin_goods' %}">商品管理</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:purchase_history' %}">购买记录</a>
+                                    </li>
+                                </ul>
+                                <p class="menu-label">面板跳转</p>
+                                <ul class="menu-list">
+                                    <li>
+                                        <a href="/admin">数据后台</a>
+                                    </li>
+                                </ul>
+                                <ul class="menu-list">
+                                    <li>
+                                        <a href="{% url 'sspanel:userinfo' %}">用户面板</a>
+                                    </li>
+                                </ul>
+                            {% endif %}
+                        </aside>
+                    </div>
+                </div>
+                <div class="column is-10">
+                    {% block main %}
+                    {% endblock main %}
+                </div>
             </div>
         </div>
-    </div>
-</body>
-{% include "footer.html" %}
-<!--整站消息提醒功能 -->
-{% if messages %}
-<script>
-    {% for message in messages %}
-    swal("{{ message.extra_tags }}", '{{ message }}', '{{ message.level_tag }}');
-    {% endfor %}
-</script>
-{% endif %}
-
-</html>
\ No newline at end of file
+    </body>
+    {% include "footer.html" %}
+    <!--整站消息提醒功能 -->
+    {% if messages %}
+        <script>
+    {% for message in messages %}swal("{{ message.extra_tags }}", '{{ message }}', '{{ message.level_tag }}');{% endfor %}
+        </script>
+    {% endif %}
+</html>
diff --git a/templates/base.html b/templates/base.html
index c455a03088..d16488ca5f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,227 +1,205 @@
 <!DOCTYPE html>
 <html lang="zh">
-{% load ehcofilter %}
-
-<head>
-    {% load static %}
-    <title>{% settings_value "SITE_TITLE" %}</title>
-    <meta name="keywords" content="{% settings_value " KEYWORDS" %}" />
-    <meta name="description" content="{% settings_value " DESCRIPTION" %}" />
-    {% include "basehead.html" %}
-</head>
-
-<body>
-    <nav class="navbar is-info is-spaced">
-        <div class="navbar-brand">
-            <a class="navbar-item" href="/">
-                {% settings_value "SITE_LOGO_URL" as logo_url %}
-                {% if logo_url %}
-                <img src="{{ logo_url }}" alt="site logo">
-                {% else %}
-                <img src="{% static 'img/logo/logo.png' %}" alt="site logo" width="112" height="28">
-                {% endif %}
-            </a>
-            <div class="navbar-burger burger" data-target="navMenuColorprimary-example">
-                <span></span>
-                <span></span>
-                <span></span>
-            </div>
-        </div>
-        <div id="navMenuColorprimary-example" class="navbar-menu">
-            <div class="navbar-end">
-                <a class="navbar-item" href="{% url 'sspanel:index' %}">首页</a>
-                <a class="navbar-item" href="{% url 'sspanel:help' %}">使用说明</a>
-                <a class="navbar-item" href="{% url 'sspanel:invite_code' %}">邀请码</a>
-                {% if user.is_authenticated %}
-                <div class="navbar-item has-dropdown is-hoverable is-hidden-mobile">
-                    <span class="navbar-item">
-                        <a class="button is-info is-inverted" href="{% url 'sspanel:userinfo' %}">
-                            <span class="icon">
-                                <i class="fa fa-user-circle"></i>
-                            </span>
-                            <span>{{ user.username }}</span>
-                        </a>
-                    </span>
-                    <div class="navbar-dropdown">
-                        <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">
-                            <span class="icon">
-                                <i class="fa fa-users"></i>
-                            </span>
-                            <span>用户中心</span>
-                        </a>
-                        <hr class="navbar-divider">
-                        <a class="navbar-item" href="{% url 'sspanel:logout' %}">
-                            <span class="icon">
-                                <i class="fa fa-sign-out"></i>
-                            </span>
-                            <span>注销登录</span>
-                        </a>
-                    </div>
-                </div>
-                <!-- 手机界面菜单-->
-                <div class="is-hidden-tablet">
-                    <a class="navbar-item is-active">我的信息</a>
-                    <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">用户中心</a>
-                    <a class="navbar-item" href="{% url 'sspanel:user_traffic_log' %}">使用记录</a>
-                    <a class="navbar-item is-active">交易购买</a>
-                    <a class="navbar-item" href="{% url 'sspanel:chargecenter' %}">捐赠充值</a>
-                    <a class="navbar-item" href="{% url 'sspanel:node_occupancy' %}">独享节点</a>
-                    <a class="navbar-item" href="{% url 'sspanel:shop' %}">共享节点</a>
-                    <a class="navbar-item" href="{% url 'sspanel:aff_invite' %}">邀请返利</a>
-                    <a class="navbar-item is-active">公告交流</a>
-                    <a class="navbar-item" href="{% url 'sspanel:announcement' %}">历史公告</a>
-                    <a class="navbar-item" href="{% url 'sspanel:ticket_list' %}">联系站长</a>
-                    {% if perms.sspanel %}
-                    <a class="navbar-item is-active">管理面板</a>
-                    <a class="navbar-item" href="/admin">数据后台</a>
-                    <a class="navbar-item" href="{% url 'sspanel:system_status' %}">网站后台</a>
+    {% load ehcofilter %}
+    <head>
+        {% load static %}
+        <title>{% settings_value "SITE_TITLE" %}</title>
+        <meta name="keywords" content="{% settings_value " KEYWORDS" %}" />
+        <meta name="description" content="{% settings_value " DESCRIPTION" %}" />
+        {% include "basehead.html" %}
+    </head>
+    <body>
+        <nav class="navbar is-info is-spaced">
+            <div class="navbar-brand">
+                <a class="navbar-item" href="/">
+                    {% settings_value "SITE_LOGO_URL" as logo_url %}
+                    {% if logo_url %}
+                        <img src="{{ logo_url }}" alt="site logo">
+                    {% else %}
+                        <img src="{% static 'img/logo/logo.png' %}"
+                             alt="site logo"
+                             width="112"
+                             height="28">
                     {% endif %}
+                </a>
+                <div class="navbar-burger burger"
+                     data-target="navMenuColorprimary-example">
+                    <span></span>
+                    <span></span>
+                    <span></span>
                 </div>
-                {% endif %}
-            </div>
-        </div>
-    </nav>
-    <section class="hero is-small is-info">
-        <div class="hero-body">
-            <div class="container has-text-centered">
-                <h1 class="title">{% settings_value "SITE_SUBTITLE" %}</h1>
-                <h2 class="subtitle">
-                    你说会发现什么呢？
-                </h2>
             </div>
-        </div>
-    </section>
-    <hr>
-    <div class="container">
-        <div class="columns">
-            <div class="column is-2 is-hidden-mobile">
-                <div class="box">
+            <div id="navMenuColorprimary-example" class="navbar-menu">
+                <div class="navbar-end">
+                    <a class="navbar-item" href="{% url 'sspanel:index' %}">首页</a>
+                    <a class="navbar-item" href="{% url 'sspanel:help' %}">使用说明</a>
+                    <a class="navbar-item" href="{% url 'sspanel:invite_code' %}">邀请码</a>
                     {% if user.is_authenticated %}
-                    <aside class="menu">
-                        <ul class="menu-list">
-                            <p class="menu-label">
-                                我的信息
-                            </p>
-                            <li>
-                                <a class="" href="{% url 'sspanel:userinfo' %}">用户中心</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:user_traffic_log' %}">使用记录</a>
-                            </li>
-                        </ul>
-
-                        <ul class="menu-list">
-                            <p class="menu-label">
-                                交易购买
-                            </p>
-                            <li>
-                                <a href="{% url 'sspanel:chargecenter' %}">捐赠充值</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:node_occupancy' %}">
-                                    <div class="icon-text">
-                                        <span>独享节点</span>
-                                        <span class="icon has-text-info">
-                                            <i class="fas fa-rocket"></i>
-                                        </span>
-                                    </div>
+                        <div class="navbar-item has-dropdown is-hoverable is-hidden-mobile">
+                            <span class="navbar-item">
+                                <a class="button is-info is-inverted"
+                                   href="{% url 'sspanel:userinfo' %}">
+                                    <span class="icon">
+                                        <i class="fa fa-user-circle"></i>
+                                    </span>
+                                    <span>{{ user.username }}</span>
+                                </a>
+                            </span>
+                            <div class="navbar-dropdown">
+                                <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">
+                                    <span class="icon">
+                                        <i class="fa fa-users"></i>
+                                    </span>
+                                    <span>用户中心</span>
+                                </a>
+                                <hr class="navbar-divider">
+                                <a class="navbar-item" href="{% url 'sspanel:logout' %}">
+                                    <span class="icon">
+                                        <i class="fa fa-sign-out"></i>
+                                    </span>
+                                    <span>注销登录</span>
                                 </a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:shop' %}">共享节点</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:aff_invite' %}">邀请返利</a>
-                            </li>
-                        </ul>
-
-                        <ul class="menu-list">
-                            <p class="menu-label">
-                                公告交流
-                            </p>
-                            <li>
-                                <a href="{% url 'sspanel:announcement' %}">历史公告</a>
-                            </li>
-                            <li>
-                                <a href="{% url 'sspanel:ticket_list' %}">联系站长</a>
-                            </li>
-                        </ul>
-
-
-                        {% if perms.sspanel %}
-                        <p class="menu-label">
-                            管理面板
-                        </p>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="/admin">数据后台</a>
-                            </li>
-                        </ul>
-                        <ul class="menu-list">
-                            <li>
-                                <a href="{% url 'sspanel:system_status' %}">网站后台</a>
-                            </li>
-                        </ul>
-                        {% endif %} {% else %}
-                        <article class="message is-primary">
-                            <div class="message-header">
-                                <p>幻想乡</p>
-                                <button class="delete"></button>
-                            </div>
-                            <div class="message-body">
-                                幻想中的「地方」
-                            </div>
-                        </article>
-                        <article class="message is-info">
-                            <div class="message-header">
-                                <p>谜の屋</p>
-                                <button class="delete"></button>
-                            </div>
-                            <div class="message-body">
-                                他不存于「地表」
-                            </div>
-                        </article>
-                        <article class="message is-success">
-                            <div class="message-header">
-                                <p>时之塔</p>
-                                <button class="delete"></button>
-                            </div>
-                            <div class="message-body">
-                                这囚禁着「思想」
-                            </div>
-                        </article>
-                        <article class="message is-warning">
-                            <div class="message-header">
-                                <p>旧の桥</p>
-                                <button class="delete"></button>
-                            </div>
-                            <div class="message-body">
-                                却连接着「自由」
                             </div>
-                        </article>
-                        {% endif %}
-                    </aside>
+                        </div>
+                        <!-- 手机界面菜单-->
+                        <div class="is-hidden-tablet">
+                            <a class="navbar-item is-active">我的信息</a>
+                            <a class="navbar-item" href="{% url 'sspanel:userinfo' %}">用户中心</a>
+                            <a class="navbar-item" href="{% url 'sspanel:user_traffic_log' %}">使用记录</a>
+                            <a class="navbar-item is-active">交易购买</a>
+                            <a class="navbar-item" href="{% url 'sspanel:chargecenter' %}">捐赠充值</a>
+                            <a class="navbar-item" href="{% url 'sspanel:node_occupancy' %}">独享节点</a>
+                            <a class="navbar-item" href="{% url 'sspanel:shop' %}">共享节点</a>
+                            <a class="navbar-item" href="{% url 'sspanel:aff_invite' %}">邀请返利</a>
+                            <a class="navbar-item is-active">公告交流</a>
+                            <a class="navbar-item" href="{% url 'sspanel:announcement' %}">历史公告</a>
+                            <a class="navbar-item" href="{% url 'sspanel:ticket_list' %}">联系站长</a>
+                            {% if perms.sspanel %}
+                                <a class="navbar-item is-active">管理面板</a>
+                                <a class="navbar-item" href="/admin">数据后台</a>
+                                <a class="navbar-item" href="{% url 'sspanel:system_status' %}">网站后台</a>
+                            {% endif %}
+                        </div>
+                    {% endif %}
+                </div>
+            </div>
+        </nav>
+        <section class="hero is-small is-info">
+            <div class="hero-body">
+                <div class="container has-text-centered">
+                    <h1 class="title">{% settings_value "SITE_SUBTITLE" %}</h1>
+                    <h2 class="subtitle">你说会发现什么呢？</h2>
                 </div>
             </div>
-
-            <div class="column is-10">
-                {% block main %} {% endblock main%}
+        </section>
+        <hr>
+        <div class="container">
+            <div class="columns">
+                <div class="column is-2 is-hidden-mobile">
+                    <div class="box">
+                        {% if user.is_authenticated %}
+                            <aside class="menu">
+                                <ul class="menu-list">
+                                    <p class="menu-label">我的信息</p>
+                                    <li>
+                                        <a class="" href="{% url 'sspanel:userinfo' %}">用户中心</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:user_traffic_log' %}">使用记录</a>
+                                    </li>
+                                </ul>
+                                <ul class="menu-list">
+                                    <p class="menu-label">交易购买</p>
+                                    <li>
+                                        <a href="{% url 'sspanel:chargecenter' %}">捐赠充值</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:node_occupancy' %}">
+                                            <div class="icon-text">
+                                                <span>独享节点</span>
+                                                <span class="icon has-text-info">
+                                                    <i class="fas fa-rocket"></i>
+                                                </span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:shop' %}">共享节点</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:aff_invite' %}">邀请返利</a>
+                                    </li>
+                                </ul>
+                                <ul class="menu-list">
+                                    <p class="menu-label">公告交流</p>
+                                    <li>
+                                        <a href="{% url 'sspanel:announcement' %}">历史公告</a>
+                                    </li>
+                                    <li>
+                                        <a href="{% url 'sspanel:ticket_list' %}">联系站长</a>
+                                    </li>
+                                </ul>
+                                {% if perms.sspanel %}
+                                    <p class="menu-label">管理面板</p>
+                                    <ul class="menu-list">
+                                        <li>
+                                            <a href="/admin">数据后台</a>
+                                        </li>
+                                    </ul>
+                                    <ul class="menu-list">
+                                        <li>
+                                            <a href="{% url 'sspanel:system_status' %}">网站后台</a>
+                                        </li>
+                                    </ul>
+                                {% endif %}
+                            {% else %}
+                                <article class="message is-primary">
+                                    <div class="message-header">
+                                        <p>幻想乡</p>
+                                        <button class="delete"></button>
+                                    </div>
+                                    <div class="message-body">幻想中的「地方」</div>
+                                </article>
+                                <article class="message is-info">
+                                    <div class="message-header">
+                                        <p>谜の屋</p>
+                                        <button class="delete"></button>
+                                    </div>
+                                    <div class="message-body">他不存于「地表」</div>
+                                </article>
+                                <article class="message is-success">
+                                    <div class="message-header">
+                                        <p>时之塔</p>
+                                        <button class="delete"></button>
+                                    </div>
+                                    <div class="message-body">这囚禁着「思想」</div>
+                                </article>
+                                <article class="message is-warning">
+                                    <div class="message-header">
+                                        <p>旧の桥</p>
+                                        <button class="delete"></button>
+                                    </div>
+                                    <div class="message-body">却连接着「自由」</div>
+                                </article>
+                            {% endif %}
+                        </aside>
+                    </div>
+                </div>
+                <div class="column is-10">
+                    {% block main %}
+                    {% endblock main %}
+                </div>
             </div>
         </div>
-    </div>
-</body>
-{% settings_value "HIDE_FOOTER" as hide_footer %}
-{% if not hide_footer %}
-{% include "footer.html" %}
-{% endif %}
-
-<!--整站消息提醒功能 -->
-{% if messages %}
-<script>
-    {% for message in messages %}
-    swal("{{ message.extra_tags }}", '{{ message }}', '{{ message.level_tag }}');
-    {% endfor %}
-</script>
-{% endif %}
-
-</html>
\ No newline at end of file
+    </body>
+    {% settings_value "HIDE_FOOTER" as hide_footer %}
+    {% if not hide_footer %}
+        {% include "footer.html" %}
+    {% endif %}
+    <!--整站消息提醒功能 -->
+    {% if messages %}
+        <script>
+    {% for message in messages %}swal("{{ message.extra_tags }}", '{{ message }}', '{{ message.level_tag }}');{% endfor %}
+        </script>
+    {% endif %}
+</html>
diff --git a/templates/basehead.html b/templates/basehead.html
index a3c349e8a5..ce5f1e5456 100644
--- a/templates/basehead.html
+++ b/templates/basehead.html
@@ -2,32 +2,35 @@
 <!-- meta -->
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="shortcut icon" href="{% static 'img/logo/logo.ico' %}" type="image/x-icon" />
+<link rel="shortcut icon"
+      href="{% static 'img/logo/logo.ico' %}"
+      type="image/x-icon" />
 <!-- css -->
 {% if user.theme and user.theme != "default" %}
-<link href="https://cdn.staticfile.org/bulmaswatch/0.8.1/{{ user.theme }}/bulmaswatch.min.css" rel="stylesheet">
+    <link href="https://cdn.staticfile.org/bulmaswatch/0.8.1/{{ user.theme }}/bulmaswatch.min.css"
+          rel="stylesheet">
 {% else %}
-<link rel="stylesheet" href="https://cdn.staticfile.org/bulma/0.9.4/css/bulma.min.css" rel="stylesheet">
+    <link rel="stylesheet"
+          href="https://cdn.staticfile.org/bulma/0.9.4/css/bulma.min.css"
+          rel="stylesheet">
 {% endif %}
-<link rel="stylesheet" href="{% static 'sspanel/css/sspanel.css'%}">
-
+<link rel="stylesheet" href="{% static 'sspanel/css/sspanel.css' %}">
 {% if not simple_extra_static or user.is_authenticated %}
-<link rel="stylesheet" href="https://cdn.staticfile.org/flag-icon-css/3.5.0/css/flag-icon.min.css">
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/css/bulma-extensions.min.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
+    <link rel="stylesheet"
+          href="https://cdn.staticfile.org/flag-icon-css/3.5.0/css/flag-icon.min.css">
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/css/bulma-extensions.min.css">
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
 {% endif %}
-
 <!-- js -->
 <script src="https://cdn.staticfile.org/jquery/3.7.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/sweetalert/2.1.2/sweetalert.min.js"></script>
 <script src="{% static 'sspanel/js/sspanel.js' %}"></script>
-
 {% if not simple_extra_static or user.is_authenticated %}
-<script src="https://cdn.staticfile.org/Chart.js/2.9.3/Chart.min.js"></script>
-<script src="https://cdn.staticfile.org/clipboard.js/1.7.1/clipboard.min.js"></script>
-<script src="https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
-
-<script src="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/js/bulma-extensions.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/js/all.min.js"></script>
-{% endif %}
\ No newline at end of file
+    <script src="https://cdn.staticfile.org/Chart.js/2.9.3/Chart.min.js"></script>
+    <script src="https://cdn.staticfile.org/clipboard.js/1.7.1/clipboard.min.js"></script>
+    <script src="https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/js/bulma-extensions.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/js/all.min.js"></script>
+{% endif %}
diff --git a/templates/footer.html b/templates/footer.html
index 567a370dc7..366ecdbdef 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,14 +1,15 @@
 {% if simple_extra_static %}
-<footer>
-    <div class="container">
-        <div class="content has-text-centered">
-            <p>
-            <p class="copyright">&copy; 2016 -
-                <script>document.write(new Date().getFullYear());</script>
-                <a href="https://github.com/Ehco1996">GitHub</a>
-            </p>
-            </p>
+    <footer>
+        <div class="container">
+            <div class="content has-text-centered">
+                <p>
+                    <p class="copyright">
+                        &copy; 2016 -
+                        <script>document.write(new Date().getFullYear());</script>
+                        <a href="https://github.com/Ehco1996">GitHub</a>
+                    </p>
+                </p>
+            </div>
         </div>
-    </div>
-</footer>
+    </footer>
 {% endif %}
diff --git a/templates/my_admin/announcement_create.html b/templates/my_admin/announcement_create.html
index a79f8a8858..c208e80eda 100644
--- a/templates/my_admin/announcement_create.html
+++ b/templates/my_admin/announcement_create.html
@@ -1,32 +1,36 @@
-{% extends 'adminbase.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    创建新的公告
-                </h1>
-                <h2 class="subtitle">
-                    公告格式采用
-                    <strong>Markdown</strong>
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">创建新的公告</h1>
+                    <h2 class="subtitle">
+                        公告格式采用
+                        <strong>Markdown</strong>
+                    </h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form" method="post">
+                {% csrf_token %}
+                <div class="control is-loading">
+                    <textarea class="textarea"
+                              id="id-markdown-body"
+                              name="body"
+                              type="text"
+                              rows="10"></textarea>
+                </div>
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined">确认</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:admin_announcements' %}">取消</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form class="form" method="post">
-            {% csrf_token %}
-            <div class="control is-loading">
-                <textarea class="textarea" id="id-markdown-body" name="body" type="text" rows="10"></textarea>
-            </div>
-            <hr/>
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:admin_announcements' %}">取消</a>
-            </div>
-        </form>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/announcement_detail.html b/templates/my_admin/announcement_detail.html
index dbad2ddf6f..f19c699fcf 100644
--- a/templates/my_admin/announcement_detail.html
+++ b/templates/my_admin/announcement_detail.html
@@ -1,32 +1,31 @@
- {% extends 'adminbase.html' %} {% block main %} {% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    公告编辑
-                </h1>
-                <h2 class="subtitle">
-                    格式采用Markdown！
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">公告编辑</h1>
+                    <h2 class="subtitle">格式采用Markdown！</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form" method="post">
+                {% csrf_token %}
+                <div class="control is-loading">
+                    <textarea class="textarea" id="id-markdown-body" name="body" type="text" rows="10">
+{{ anno.body }}</textarea>
+                </div>
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined">确认修改</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:admin_announcements' %}">取消修改</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form class="form" method="post">
-            {% csrf_token %}
-            <div class="control is-loading">
-                <textarea class="textarea" id="id-markdown-body" name="body" type="text" rows="10">{{ anno.body }}</textarea>
-            </div>
-            <hr/>
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认修改</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:admin_announcements' %}">取消修改</a>
-            </div>
-        </form>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/announcements.html b/templates/my_admin/announcements.html
index 5230552d92..8618af800f 100644
--- a/templates/my_admin/announcements.html
+++ b/templates/my_admin/announcements.html
@@ -1,69 +1,69 @@
-{% extends 'adminbase.html' %} {% block main %}
-
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    公告列表
-                </h1>
-                <h2 class="subtitle">
-                    领导请下放通知!
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <table class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>操作</th>
-                    <th>ID</th>
-                    <th>日期</th>
-                    <th>内容</th>
-                </tr>
-            </thead>
-            {% for rec in anno %}
-            <tr>
-                <td>
-                    <p class="control">
-                        <a class="button is-info" href="{% url 'sspanel:announcement_detail' rec.pk %}">编辑</a>
-                    </p>
-                    <p class="control">
-                        <a class="button is-danger modal-button" data-target="modal-{{ rec.pk }}">删除</a>
-                    </p>
-                </td>
-                <td>#{{ rec.pk}}</td>
-                <td>{{ rec.time }}</td>
-                <td>{{ rec.body |safe }}</td>
-            </tr>
-            <div class="modal user_delete" id="modal-{{ rec.pk }}">
-                <div class="modal-background"></div>
-                <div class="modal-card">
-                    <header class="modal-card-head">
-                        <p class="modal-card-title">ID:{{ rec.pk }}</p>
-                        <button class="delete"></button>
-                    </header>
-                    <section class="modal-card-body">
-                        <p class="subtitle">确定要删除:
-                            <code>{{ rec.pk }}</code>号公告么?</p>
-                        <p align="center">
-                            <a class="button is-danger is-outlined" href="{% url 'sspanel:announcement_delete' rec.pk %}">确定删除</a>
-                        </p>
-                    </section>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">公告列表</h1>
+                    <h2 class="subtitle">领导请下放通知!</h2>
                 </div>
             </div>
-            {% empty %}
-            <p class="subtitle">没有公告哟</p>
-            {% endfor %}
-        </table>
-        <p align="right">
-            <a class="button is-danger is-outlined" href="{% url 'sspanel:announcement_create' %}">增加公告</a>
-        </p>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <table class="table is-fullwidth">
+                <thead>
+                    <tr>
+                        <th>操作</th>
+                        <th>ID</th>
+                        <th>日期</th>
+                        <th>内容</th>
+                    </tr>
+                </thead>
+                {% for rec in anno %}
+                    <tr>
+                        <td>
+                            <p class="control">
+                                <a class="button is-info"
+                                   href="{% url 'sspanel:announcement_detail' rec.pk %}">编辑</a>
+                            </p>
+                            <p class="control">
+                                <a class="button is-danger modal-button"
+                                   data-target="modal-{{ rec.pk }}">删除</a>
+                            </p>
+                        </td>
+                        <td>#{{ rec.pk }}</td>
+                        <td>{{ rec.time }}</td>
+                        <td>{{ rec.body |safe }}</td>
+                    </tr>
+                    <div class="modal user_delete" id="modal-{{ rec.pk }}">
+                        <div class="modal-background"></div>
+                        <div class="modal-card">
+                            <header class="modal-card-head">
+                                <p class="modal-card-title">ID:{{ rec.pk }}</p>
+                                <button class="delete"></button>
+                            </header>
+                            <section class="modal-card-body">
+                                <p class="subtitle">
+                                    确定要删除:
+                                    <code>{{ rec.pk }}</code>号公告么?
+                                </p>
+                                <p align="center">
+                                    <a class="button is-danger is-outlined"
+                                       href="{% url 'sspanel:announcement_delete' rec.pk %}">确定删除</a>
+                                </p>
+                            </section>
+                        </div>
+                    </div>
+                {% empty %}
+                    <p class="subtitle">没有公告哟</p>
+                {% endfor %}
+            </table>
+            <p align="right">
+                <a class="button is-danger is-outlined"
+                   href="{% url 'sspanel:announcement_create' %}">增加公告</a>
+            </p>
+        </div>
     </div>
-</div>
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/charge.html b/templates/my_admin/charge.html
index 700f9bf5da..17c0b67ec7 100644
--- a/templates/my_admin/charge.html
+++ b/templates/my_admin/charge.html
@@ -1,78 +1,77 @@
-{% extends 'adminbase.html' %} {% block main %}
-
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    充值码列表
-                </h1>
-                <h2 class="subtitle">
-                    添加充值码
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-
-    <div class="box">
-        <form method="post">
-            {% csrf_token %}
-            <div class="field has-addons">
-                <div class="control">
-                    <input name="money" class="input" placeholder="键入充值码金额" required>
-                </div>
-                <div class="control">
-                    <input name="num" class="input" placeholder="键入充值码数量" required>
-                </div>
-                <div class="control">
-                    <button type="submit" class="button is-outlined is-info">添加</button>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">充值码列表</h1>
+                    <h2 class="subtitle">添加充值码</h2>
                 </div>
             </div>
-        </form>
+        </section>
     </div>
-    <div class="box">
-        <nav class="pagination">
-            {% if contacts.has_previous %}
-            <a class="pagination-previous" href="?page={{ contacts.previous_page_number }}">上一页</a> {% endif %} {% if contacts.has_next%}
-            <a class="pagination-next" href="?page={{ contacts.next_page_number }}">下一页</a> {% endif %}
-            <p>页码</p>
-            <ul class="pagination-list">
-                {% if first %}
-                <a href="?page=1" class="pagination-link">1</a> {% endif %} {% if left %} {% if left_has_more %}
-                <span>...</span> {% endif %} {% for i in left %}
-                <a href="?page={{ i }}" class="pagination-link">{{ i }}</a> {% endfor %} {% endif %}
-                <a href="?page={{ page }}" class="pagination-link is-current">{{ page }}</a> {% if right %} {% for i in right%}
-                <a href="?page={{ i }}" class="pagination-link">{{ i }}</a> {% endfor %} {% if right_has_more %}
-                <span>...</span> {% endif %} {% endif %} {% if last %}
-                <a href="?page={{ total }}" class="pagination-link">{{ total }}</a> {% endif %}
-            </ul>
-        </nav>
-        <br>
-        <table class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>面值</th>
-                    <th>代码</th>
-                    <th>状态</th>
-                    <th>用户名</th>
-                </tr>
-            </thead>
-            {% for contact in contacts %}
-            <tr>
-                <td>#{{ contact.pk}}</td>
-                <td>{{ contact.number }}</td>
-                <td>{{ contact.code }}</td>
-                <td>{{ contact.isused_cn }}</td>
-                <td>{{ contact.user }}</td>
-            </tr>
-            {% empty %}
-            <p class="subtitle">没有充值码哟</p>
-            {% endfor %}
-        </table>
+    <div class="column is-12">
+        <div class="box">
+            <form method="post">
+                {% csrf_token %}
+                <div class="field has-addons">
+                    <div class="control">
+                        <input name="money" class="input" placeholder="键入充值码金额" required>
+                    </div>
+                    <div class="control">
+                        <input name="num" class="input" placeholder="键入充值码数量" required>
+                    </div>
+                    <div class="control">
+                        <button type="submit" class="button is-outlined is-info">添加</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="box">
+            <nav class="pagination">
+                {% if contacts.has_previous %}
+                    <a class="pagination-previous"
+                       href="?page={{ contacts.previous_page_number }}">上一页</a>
+                {% endif %}
+                {% if contacts.has_next %}<a class="pagination-next" href="?page={{ contacts.next_page_number }}">下一页</a>{% endif %}
+                <p>页码</p>
+                <ul class="pagination-list">
+                    {% if first %}<a href="?page=1" class="pagination-link">1</a>{% endif %}
+                    {% if left %}
+                        {% if left_has_more %}<span>...</span>{% endif %}
+                        {% for i in left %}<a href="?page={{ i }}" class="pagination-link">{{ i }}</a>{% endfor %}
+                    {% endif %}
+                    <a href="?page={{ page }}" class="pagination-link is-current">{{ page }}</a>
+                    {% if right %}
+                        {% for i in right %}<a href="?page={{ i }}" class="pagination-link">{{ i }}</a>{% endfor %}
+                        {% if right_has_more %}<span>...</span>{% endif %}
+                    {% endif %}
+                    {% if last %}<a href="?page={{ total }}" class="pagination-link">{{ total }}</a>{% endif %}
+                </ul>
+            </nav>
+            <br>
+            <table class="table is-fullwidth">
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>面值</th>
+                        <th>代码</th>
+                        <th>状态</th>
+                        <th>用户名</th>
+                    </tr>
+                </thead>
+                {% for contact in contacts %}
+                    <tr>
+                        <td>#{{ contact.pk }}</td>
+                        <td>{{ contact.number }}</td>
+                        <td>{{ contact.code }}</td>
+                        <td>{{ contact.isused_cn }}</td>
+                        <td>{{ contact.user }}</td>
+                    </tr>
+                {% empty %}
+                    <p class="subtitle">没有充值码哟</p>
+                {% endfor %}
+            </table>
+        </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/good_create.html b/templates/my_admin/good_create.html
index d357c5f4af..9d3628ad04 100644
--- a/templates/my_admin/good_create.html
+++ b/templates/my_admin/good_create.html
@@ -1,33 +1,32 @@
- {% extends 'adminbase.html' %} {% block main %} {% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    创建新的商品
-                </h1>
-                <h2 class="subtitle">
-                    请在下方填写符合规则的商品信息
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">创建新的商品</h1>
+                    <h2 class="subtitle">请在下方填写符合规则的商品信息</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form" method="post">
+                {% csrf_token %} {{ form.non_field_errors }}
+                {% for field in form %}
+                    {{ field.label_tag }} {{ field|add_class:"input" }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined ">确认</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:admin_goods' %}">取消</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form class="form" method="post">
-            {% csrf_token %} {{ form.non_field_errors }} {% for field in form %} {{ field.label_tag }} {{ field|add_class:"input" }}
-            {{ field.errors }} {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %} {% endfor %}
-            <hr/>
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:admin_goods' %}">取消</a>
-            </div>
-        </form>
     </div>
-</div>
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/good_detail.html b/templates/my_admin/good_detail.html
index e2397cf091..dc0363c82b 100644
--- a/templates/my_admin/good_detail.html
+++ b/templates/my_admin/good_detail.html
@@ -1,32 +1,32 @@
- {% extends 'adminbase.html' %} {% block main %} {% load ehcofilter %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    商品编辑
-                </h1>
-                <h2 class="subtitle">
-                    编辑节点：{{ good.name }}
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">商品编辑</h1>
+                    <h2 class="subtitle">编辑节点：{{ good.name }}</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form" method="post">
+                {% csrf_token %} {{ form.non_field_errors }}
+                {% for field in form %}
+                    {{ field.label_tag }} {{ field|add_class:"input" }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined ">确认修改</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:admin_goods' %}">取消修改</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form class="form" method="post">
-            {% csrf_token %} {{ form.non_field_errors }} {% for field in form %} {{ field.label_tag }} {{ field|add_class:"input" }}
-            {{ field.errors }} {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %} {% endfor %}
-            <hr/>
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认修改</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:admin_goods' %}">取消修改</a>
-            </div>
-        </form>
     </div>
-</div>
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/goods.html b/templates/my_admin/goods.html
index c463214d70..239c448609 100644
--- a/templates/my_admin/goods.html
+++ b/templates/my_admin/goods.html
@@ -1,74 +1,74 @@
-{% extends 'adminbase.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    商品列表
-                </h1>
-                <h2 class="subtitle">
-                    添加或者删除商品
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box table-container">
-        <table class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>操作</th>
-                    <th>ID</th>
-                    <th>商品描述</th>
-                    <th>金额</th>
-                    <th>流量</th>
-                    <th>状态</th>
-                    <th>等级</th>
-                </tr>
-            </thead>
-            {% for good in goods %}
-            <tr>
-                <td>
-                    <p class="control">
-                        <a class="button is-info" href="{% url 'sspanel:good_detail' good.pk  %}">编辑</a>
-                    </p>
-                    <p class="control">
-                        <a class="button is-danger modal-button" data-target="modal-{{ good.pk }}">删除</a>
-                    </p>
-                </td>
-                <td>#{{ good.pk }}</td>
-                <td>{{ good.name }}</td>
-                <td>{{ good.money }}</td>
-                <td>{{ good.total_transfer }}</td>
-                <td>{{ good.status_cn }}</td>
-                <td>{{ good.level }}</td>
-            </tr>
-            <div class="modal node_delete" id="modal-{{ good.pk }}">
-                <div class="modal-background"></div>
-                <div class="modal-card">
-                    <header class="modal-card-head">
-                        <p class="modal-card-title">商品名:{{ good.name }}</p>
-                        <button class="delete"></button>
-                    </header>
-                    <section class="modal-card-body">
-                        <p class="subtitle">确定要删除:
-                            <code>{{ good.name }}</code>?</p>
-                        <p align="center">
-                            <a class="button is-danger is-outlined" href="{% url 'sspanel:good_delete' good.pk %}">确定删除</a>
-                        </p>
-                    </section>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">商品列表</h1>
+                    <h2 class="subtitle">添加或者删除商品</h2>
                 </div>
             </div>
-            {% empty %}
-            <h2 class="subtitle">
-                暂时没有商品，点击下方按钮添加商品
-            </h2>
-            {% endfor %}
-        </table>
-        <p align="right">
-            <a class="button is-danger is-outlined" href="{% url 'sspanel:good_create' %}">增加商品</a>
-        </p>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box table-container">
+            <table class="table is-fullwidth">
+                <thead>
+                    <tr>
+                        <th>操作</th>
+                        <th>ID</th>
+                        <th>商品描述</th>
+                        <th>金额</th>
+                        <th>流量</th>
+                        <th>状态</th>
+                        <th>等级</th>
+                    </tr>
+                </thead>
+                {% for good in goods %}
+                    <tr>
+                        <td>
+                            <p class="control">
+                                <a class="button is-info" href="{% url 'sspanel:good_detail' good.pk %}">编辑</a>
+                            </p>
+                            <p class="control">
+                                <a class="button is-danger modal-button"
+                                   data-target="modal-{{ good.pk }}">删除</a>
+                            </p>
+                        </td>
+                        <td>#{{ good.pk }}</td>
+                        <td>{{ good.name }}</td>
+                        <td>{{ good.money }}</td>
+                        <td>{{ good.total_transfer }}</td>
+                        <td>{{ good.status_cn }}</td>
+                        <td>{{ good.level }}</td>
+                    </tr>
+                    <div class="modal node_delete" id="modal-{{ good.pk }}">
+                        <div class="modal-background"></div>
+                        <div class="modal-card">
+                            <header class="modal-card-head">
+                                <p class="modal-card-title">商品名:{{ good.name }}</p>
+                                <button class="delete"></button>
+                            </header>
+                            <section class="modal-card-body">
+                                <p class="subtitle">
+                                    确定要删除:
+                                    <code>{{ good.name }}</code>?
+                                </p>
+                                <p align="center">
+                                    <a class="button is-danger is-outlined"
+                                       href="{% url 'sspanel:good_delete' good.pk %}">确定删除</a>
+                                </p>
+                            </section>
+                        </div>
+                    </div>
+                {% empty %}
+                    <h2 class="subtitle">暂时没有商品，点击下方按钮添加商品</h2>
+                {% endfor %}
+            </table>
+            <p align="right">
+                <a class="button is-danger is-outlined"
+                   href="{% url 'sspanel:good_create' %}">增加商品</a>
+            </p>
+        </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/index.html b/templates/my_admin/index.html
index 5e1e91f9f0..6e26f72132 100644
--- a/templates/my_admin/index.html
+++ b/templates/my_admin/index.html
@@ -1,74 +1,69 @@
-{% extends 'adminbase.html' %} {% block main %}
-<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
-<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    汇总
-                </h1>
-                <h2 class="subtitle">
-                    下面是系统运行状态简报
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-
-<div class="columns">
-    <div class="column is-6"> </div>
-    <div class="column is-6">
-        <div class="field is-grouped">
-            <div class="field-label is-normal">
-                <label class="label">日期范围:</label>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <script type="text/javascript"
+            src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
+    <script type="text/javascript"
+            src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
+    <link rel="stylesheet"
+          type="text/css"
+          href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">汇总</h1>
+                    <h2 class="subtitle">下面是系统运行状态简报</h2>
+                </div>
             </div>
-            <p class="control is-expanded">
-                <input class="input" type="text" name="daterange" />
-            </p>
-            <p class="control">
-                <a class="button is-info" id="id-button-query">
-                    查询
-                </a>
-            </p>
-        </div>
+        </section>
     </div>
-</div>
-<div class="box">
     <div class="columns">
-        <div class="column">
-            <canvas id="id-user-status"></canvas>
-        </div>
-        <div class="column">
-            <canvas id="id-node-status"></canvas>
-        </div>
-        <div class="column">
-            <canvas id="id-amount-status"></canvas>
+        <div class="column is-6"></div>
+        <div class="column is-6">
+            <div class="field is-grouped">
+                <div class="field-label is-normal">
+                    <label class="label">日期范围:</label>
+                </div>
+                <p class="control is-expanded">
+                    <input class="input" type="text" name="daterange" />
+                </p>
+                <p class="control">
+                    <a class="button is-info" id="id-button-query">查询</a>
+                </p>
+            </div>
         </div>
     </div>
-    <div class="columns">
-        <div class="column">
-            <canvas id="id-active-user-status"></canvas>
-        </div>
-        <div class="column">
-            <canvas id="id-new-user-status"></canvas>
+    <div class="box">
+        <div class="columns">
+            <div class="column">
+                <canvas id="id-user-status"></canvas>
+            </div>
+            <div class="column">
+                <canvas id="id-node-status"></canvas>
+            </div>
+            <div class="column">
+                <canvas id="id-amount-status"></canvas>
+            </div>
         </div>
-    </div>
-    <div class="columns">
-        <div class="column">
-            <canvas id="id-node-traffic-status"></canvas>
+        <div class="columns">
+            <div class="column">
+                <canvas id="id-active-user-status"></canvas>
+            </div>
+            <div class="column">
+                <canvas id="id-new-user-status"></canvas>
+            </div>
         </div>
-        <div class="column">
-            <canvas id="id-order-status"></canvas>
+        <div class="columns">
+            <div class="column">
+                <canvas id="id-node-traffic-status"></canvas>
+            </div>
+            <div class="column">
+                <canvas id="id-order-status"></canvas>
+            </div>
         </div>
+        <canvas id="id-order-amount-status"></canvas>
     </div>
-    <canvas id="id-order-amount-status"></canvas>
-</div>
-
-
-<script>
+    <script>
     var startStr = moment().subtract(7, 'day').format('YYYY-MM-DD')
     var endStr = moment().format('YYYY-MM-DD')
     $(function () {
@@ -116,4 +111,5 @@ <h2 class="subtitle">
     getSystemStatus()
 
     $("#id-button-query").on("click", getSystemStatus)
-</script> {% endblock main %}
\ No newline at end of file
+    </script>
+{% endblock main %}
diff --git a/templates/my_admin/invitecode.html b/templates/my_admin/invitecode.html
index d085634212..336b9696f8 100644
--- a/templates/my_admin/invitecode.html
+++ b/templates/my_admin/invitecode.html
@@ -1,63 +1,60 @@
-{% extends 'adminbase.html' %} {% block main %} {% load ehcofilter %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    邀请码管理
-                </h1>
-                <h2 class="subtitle">
-                    添加邀请码...
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form method="post">
-            {% csrf_token %}
-            <div class="field has-addons">
-                <div class="control">
-                    <input name="num" class="input" placeholder="键入邀请码数量" required>
-                </div>
-                <div class="control">
-                    <div class="select">
-                        <select name="type">
-                            <option value=1>公开显示</option>
-                            <option value=0>不公开显示</option>
-                        </select>
-                    </div>
-                </div>
-                <div class="control">
-                    <button type="submit" class="button is-outlined is-info">添加</button>
+{% extends 'adminbase.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">邀请码管理</h1>
+                    <h2 class="subtitle">添加邀请码...</h2>
                 </div>
             </div>
-        </form>
+        </section>
     </div>
-    <div class="box">
-        <p class="subtitle">不公开显示的邀请码列表</p>
-        <br>
-        <table class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>类型</th>
-                    <th>代码</th>
-                    <th>创建时间</th>
-                </tr>
-            </thead>
-            {% for code in code_list %}
-            <tr>
-                <td>{{ code.get_code_type_display }}</td>
-                <td>{{ code.code }}</td>
-                <td>{{ code.created_at }}</td>
-            </tr>
-            {% empty %}
-            <p class="subtitle">没有私密的邀请码</p>
-            {% endfor %}
-        </table>
+    <div class="column is-12">
+        <div class="box">
+            <form method="post">
+                {% csrf_token %}
+                <div class="field has-addons">
+                    <div class="control">
+                        <input name="num" class="input" placeholder="键入邀请码数量" required>
+                    </div>
+                    <div class="control">
+                        <div class="select">
+                            <select name="type">
+                                <option value=1>公开显示</option>
+                                <option value=0>不公开显示</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="control">
+                        <button type="submit" class="button is-outlined is-info">添加</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="box">
+            <p class="subtitle">不公开显示的邀请码列表</p>
+            <br>
+            <table class="table is-fullwidth">
+                <thead>
+                    <tr>
+                        <th>类型</th>
+                        <th>代码</th>
+                        <th>创建时间</th>
+                    </tr>
+                </thead>
+                {% for code in code_list %}
+                    <tr>
+                        <td>{{ code.get_code_type_display }}</td>
+                        <td>{{ code.code }}</td>
+                        <td>{{ code.created_at }}</td>
+                    </tr>
+                {% empty %}
+                    <p class="subtitle">没有私密的邀请码</p>
+                {% endfor %}
+            </table>
+        </div>
     </div>
 </div>
-</div>
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/purchasehistory.html b/templates/my_admin/purchasehistory.html
index 5aa40f88ed..c0a2f916f9 100644
--- a/templates/my_admin/purchasehistory.html
+++ b/templates/my_admin/purchasehistory.html
@@ -1,60 +1,61 @@
- {% extends 'adminbase.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    购买记录列表
-                </h1>
-                <h2 class="subtitle">
-                    都在这里了，看吧!
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">购买记录列表</h1>
+                    <h2 class="subtitle">都在这里了，看吧!</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <nav class="pagination">
+                {% if contacts.has_previous %}
+                    <a class="pagination-previous"
+                       href="?page={{ contacts.previous_page_number }}">上一页</a>
+                {% endif %}
+                {% if contacts.has_next %}<a class="pagination-next" href="?page={{ contacts.next_page_number }}">下一页</a>{% endif %}
+                <p>页码：</p>
+                <ul class="pagination-list">
+                    {% if first %}<a href="?page=1" class="pagination-link">1</a>{% endif %}
+                    {% if left %}
+                        {% if left_has_more %}<span>...</span>{% endif %}
+                        {% for i in left %}<a href="?page={{ i }}" class="pagination-link">{{ i }}</a>{% endfor %}
+                    {% endif %}
+                    <a href="?page={{ page }}" class="pagination-link is-current">{{ page }}</a>
+                    {% if right %}
+                        {% for i in right %}<a href="?page={{ i }}" class="pagination-link">{{ i }}</a>{% endfor %}
+                        {% if right_has_more %}<span>...</span>{% endif %}
+                    {% endif %}
+                    {% if last %}<a href="?page={{ total }}" class="pagination-link">{{ total }}</a>{% endif %}
+                </ul>
+            </nav>
+            <br>
+            <table class="table is-fullwidth">
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>商品名</th>
+                        <th>用户名</th>
+                        <th>价格</th>
+                        <th>购买时间</th>
+                    </tr>
+                </thead>
+                {% for contact in contacts %}
+                    <tr>
+                        <td>#{{ contact.pk }}</td>
+                        <td>{{ contact.good_name }}</td>
+                        <td>{{ contact.user }}</td>
+                        <td>{{ contact.money }} 元</td>
+                        <td>{{ contact.created_at }}</td>
+                    </tr>
+                {% empty %}
+                    <p class="subtitle">暂时还没有人购买</p>
+                {% endfor %}
+            </table>
         </div>
-    </section>
-</div>
-
-<div class="column is-12">
-    <div class="box">
-        <nav class="pagination">
-            {% if contacts.has_previous %}
-            <a class="pagination-previous" href="?page={{ contacts.previous_page_number }}">上一页</a> {% endif %} {% if contacts.has_next%}
-            <a class="pagination-next" href="?page={{ contacts.next_page_number }}">下一页</a> {% endif %}
-            <p>页码：</p>
-            <ul class="pagination-list">
-                {% if first %}
-                <a href="?page=1" class="pagination-link">1</a> {% endif %} {% if left %} {% if left_has_more %}
-                <span>...</span> {% endif %} {% for i in left %}
-                <a href="?page={{ i }}" class="pagination-link">{{ i }}</a> {% endfor %} {% endif %}
-                <a href="?page={{ page }}" class="pagination-link is-current">{{ page }}</a> {% if right %} {% for i in right%}
-                <a href="?page={{ i }}" class="pagination-link">{{ i }}</a> {% endfor %} {% if right_has_more %}
-                <span>...</span> {% endif %} {% endif %} {% if last %}
-                <a href="?page={{ total }}" class="pagination-link">{{ total }}</a> {% endif %}
-            </ul>
-        </nav>
-        <br>
-        <table class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>商品名</th>
-                    <th>用户名</th>
-                    <th>价格</th>
-                    <th>购买时间</th>
-                </tr>
-            </thead>
-            {% for contact in contacts %}
-            <tr>
-                <td>#{{ contact.pk}}</td>
-                <td>{{ contact.good_name }}</td>
-                <td>{{ contact.user }}</td>
-                <td>{{ contact.money }} 元</td>
-                <td>{{ contact.created_at }}</td>
-            </tr>
-            {% empty %}
-            <p class="subtitle">暂时还没有人购买</p>
-            {% endfor %}
-        </table>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/my_admin/user_status.html b/templates/my_admin/user_status.html
index d9aec77dab..d9695e72f8 100644
--- a/templates/my_admin/user_status.html
+++ b/templates/my_admin/user_status.html
@@ -1,121 +1,112 @@
-{% extends 'adminbase.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    用户分析
-                </h1>
-                <h2 class="subtitle">
-                    站内最大土豪即将揭晓！
-                </h2>
+{% extends 'adminbase.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">用户分析</h1>
+                    <h2 class="subtitle">站内最大土豪即将揭晓！</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="tile is-ancestor has-text-centered">
-        <div class="tile is-parent">
-            <article class="tile is-child box">
-                <p class="title">{{ total_user_num }}</p>
-                <p class="subtitle">用户总数</p>
-            </article>
-        </div>
-        <div class="tile is-parent">
-            <article class="tile is-child box">
-                <p class="title">{{ alive_user_count }}</p>
-                <p class="subtitle">在线人数</p>
-            </article>
-        </div>
-        <div class="tile is-parent">
-            <article class="tile is-child box">
-                <p class="title">{{ today_checked_user_count }}</p>
-                <p class="subtitle">今日签到</p>
-            </article>
-        </div>
-        <div class="tile is-parent">
-            <article class="tile is-child box">
-                <p class="title">{{ today_register_user_count }}</p>
-                <p class="subtitle">今日注册</p>
-            </article>
-        </div>
+        </section>
     </div>
-    <div class="tile is-ancestor has-text-centered">
-        <div class="tile is-parent">
-            <div class="tile is-child box">
-                <article class="message is-info">
-                    <div class="message-body">
-                        流量排行榜
-                    </div>
+    <div class="column is-12">
+        <div class="tile is-ancestor has-text-centered">
+            <div class="tile is-parent">
+                <article class="tile is-child box">
+                    <p class="title">{{ total_user_num }}</p>
+                    <p class="subtitle">用户总数</p>
                 </article>
-                <table class="table is-hoverable is-fullwidth">
-                    <thead>
-                        <tr>
-                            <th>用户名</th>
-                            <th>流量</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for u in traffic_users %}
-                        <tr>
-                            <td>{{ u.username }}</td>
-                            <td>{{ u.human_used_traffic }}</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
             </div>
-        </div>
-        <div class="tile is-parent">
-            <div class="tile is-child box">
-                <article class="message is-warning">
-                    <div class="message-body">
-                        土豪排行榜
-                    </div>
+            <div class="tile is-parent">
+                <article class="tile is-child box">
+                    <p class="title">{{ alive_user_count }}</p>
+                    <p class="subtitle">在线人数</p>
                 </article>
-                <table class="table is-hoverable is-fullwidth">
-                    <thead>
-                        <tr>
-                            <th>用户名</th>
-                            <th>金额</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for u in rich_users_data %}
-                        <tr>
-                            <td>{{ u.user__username }}</td>
-                            <td>{{ u.amount }} 元</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
             </div>
-        </div>
-        <div class="tile is-parent">
-            <div class="tile is-child box">
-                <article class="message is-success">
-                    <div class="message-body">
-                        今日注册
-                    </div>
+            <div class="tile is-parent">
+                <article class="tile is-child box">
+                    <p class="title">{{ today_checked_user_count }}</p>
+                    <p class="subtitle">今日签到</p>
                 </article>
-                <table class="table is-hoverable is-fullwidth">
-                    <thead>
-                        <tr>
-                            <th>用户名</th>
-                            <th>邀请人</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for u in today_register_user %}
-                        <tr>
-                            <td>{{ u.username }}</td>
-                            <td>{{ u.inviter }}</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
+            </div>
+            <div class="tile is-parent">
+                <article class="tile is-child box">
+                    <p class="title">{{ today_register_user_count }}</p>
+                    <p class="subtitle">今日注册</p>
+                </article>
+            </div>
+        </div>
+        <div class="tile is-ancestor has-text-centered">
+            <div class="tile is-parent">
+                <div class="tile is-child box">
+                    <article class="message is-info">
+                        <div class="message-body">流量排行榜</div>
+                    </article>
+                    <table class="table is-hoverable is-fullwidth">
+                        <thead>
+                            <tr>
+                                <th>用户名</th>
+                                <th>流量</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for u in traffic_users %}
+                                <tr>
+                                    <td>{{ u.username }}</td>
+                                    <td>{{ u.human_used_traffic }}</td>
+                                </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tile is-parent">
+                <div class="tile is-child box">
+                    <article class="message is-warning">
+                        <div class="message-body">土豪排行榜</div>
+                    </article>
+                    <table class="table is-hoverable is-fullwidth">
+                        <thead>
+                            <tr>
+                                <th>用户名</th>
+                                <th>金额</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for u in rich_users_data %}
+                                <tr>
+                                    <td>{{ u.user__username }}</td>
+                                    <td>{{ u.amount }} 元</td>
+                                </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tile is-parent">
+                <div class="tile is-child box">
+                    <article class="message is-success">
+                        <div class="message-body">今日注册</div>
+                    </article>
+                    <table class="table is-hoverable is-fullwidth">
+                        <thead>
+                            <tr>
+                                <th>用户名</th>
+                                <th>邀请人</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for u in today_register_user %}
+                                <tr>
+                                    <td>{{ u.username }}</td>
+                                    <td>{{ u.inviter }}</td>
+                                </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
             </div>
         </div>
     </div>
-</div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/registration/password_change_done.html b/templates/registration/password_change_done.html
index 08d801bbc5..8ea7efb958 100644
--- a/templates/registration/password_change_done.html
+++ b/templates/registration/password_change_done.html
@@ -1,11 +1,13 @@
 {% extends "base.html" %}
 {% block main %}
     <div class="flex-center">
-    <div class="container">
-        <div>
-            <p class="title">密码改成功！</p>
-            <a class="button is-success is-outlined" href="{% url 'sspanel:userinfo' %}">点我返回用户中心</a></h1>
+        <div class="container">
+            <div>
+                <p class="title">密码改成功！</p>
+                <a class="button is-success is-outlined"
+                   href="{% url 'sspanel:userinfo' %}">点我返回用户中心</a>
+            </h1>
         </div>
     </div>
 </div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/registration/password_change_form.html b/templates/registration/password_change_form.html
index b15eeb8e39..6e3e5173e3 100644
--- a/templates/registration/password_change_form.html
+++ b/templates/registration/password_change_form.html
@@ -1,42 +1,35 @@
-{% extends 'base.html' %} {% block main %}
-{% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    修改密码：
-                </h1>
-                <h2 class="subtitle">
-                    要好好记住喔....
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">修改密码：</h1>
+                    <h2 class="subtitle">要好好记住喔....</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <h3 class="title">密码修改:</h3>
+            <form class="form" action="{% url 'password_change' %}" method="post">
+                {% csrf_token %}
+                {{ form.non_field_errors }}
+                {% for field in form %}
+                    {{ field.label_tag }}
+                    {{ field|add_class:"input is-info" }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined ">确认修改</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:userinfo' %}">取消修改</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <h3 class="title">密码修改:</h3>
-        <form class="form" action="{% url 'password_change' %}" method="post">
-            {% csrf_token %}
-            {{ form.non_field_errors }}
-            {% for field in form %}
-            {{ field.label_tag }}
-            {{ field|add_class:"input is-info" }}
-            {{ field.errors }}
-            {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %}
-            {% endfor %}
-            <hr />
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认修改</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:userinfo' %}">取消修改</a>
-            </div>
-        </form>
     </div>
-</div>
-
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/registration/password_reset_complete.html b/templates/registration/password_reset_complete.html
index befa462794..951763bb32 100644
--- a/templates/registration/password_reset_complete.html
+++ b/templates/registration/password_reset_complete.html
@@ -1,23 +1,22 @@
-{% extends 'base.html' %} {% block main %} {% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    新密码设置成功了
-                </h1>
-                <h2 class="subtitle">
-                    这次要好好记住喔....
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">新密码设置成功了</h1>
+                    <h2 class="subtitle">这次要好好记住喔....</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <p class="title">密码重置成功！！</p>
-        <a class="button is-success is-outlined" href="{% url 'sspanel:login' %}">点我返回登录界面</a></h1>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <p class="title">密码重置成功！！</p>
+            <a class="button is-success is-outlined"
+               href="{% url 'sspanel:login' %}">点我返回登录界面</a>
+        </h1>
     </div>
 </div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/registration/password_reset_confirm.html b/templates/registration/password_reset_confirm.html
index 0f228f0346..1396ee4305 100644
--- a/templates/registration/password_reset_confirm.html
+++ b/templates/registration/password_reset_confirm.html
@@ -1,42 +1,35 @@
-{% extends 'base.html' %} {% block main %}
-{% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    重置密码：
-                </h1>
-                <h2 class="subtitle">
-                    这次要好好记住喔....
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">重置密码：</h1>
+                    <h2 class="subtitle">这次要好好记住喔....</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <h3 class="title">设置新的密码:</h3>
+            <form class="form" method="post">
+                {% csrf_token %}
+                {{ form.non_field_errors }}
+                {% for field in form %}
+                    {{ field.label_tag }}
+                    {{ field|add_class:"input is-info" }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined ">确认修改</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:userinfo' %}">取消修改</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <h3 class="title">设置新的密码:</h3>
-        <form class="form" method="post">
-            {% csrf_token %}
-            {{ form.non_field_errors }}
-            {% for field in form %}
-            {{ field.label_tag }}
-            {{ field|add_class:"input is-info" }}
-            {{ field.errors }}
-            {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %}
-            {% endfor %}
-            <hr />
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">确认修改</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:userinfo' %}">取消修改</a>
-            </div>
-        </form>
     </div>
-</div>
-
-
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/registration/password_reset_done.html b/templates/registration/password_reset_done.html
index b9acca211f..3e6227316f 100644
--- a/templates/registration/password_reset_done.html
+++ b/templates/registration/password_reset_done.html
@@ -1,23 +1,22 @@
-{% extends 'base.html' %} {% block main %} {% load ehcofilter %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    邮件发送通知：
-                </h1>
-                <h2 class="subtitle">
-                    没收到的话请检查垃圾箱
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">邮件发送通知：</h1>
+                    <h2 class="subtitle">没收到的话请检查垃圾箱</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <p class="title">如果您输入的邮箱是正确的话，那么密码重置邮件已经送了！</p>
-        <a class="button is-success is-outlined" href="{% url 'sspanel:login' %}">点我返回登录界面</a></h1>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <p class="title">如果您输入的邮箱是正确的话，那么密码重置邮件已经送了！</p>
+            <a class="button is-success is-outlined"
+               href="{% url 'sspanel:login' %}">点我返回登录界面</a>
+        </h1>
         <hr>
         <div class="columns">
             <div class="column is-6">
@@ -45,5 +44,4 @@ <h2 class="subtitle">
         </div>
     </div>
 </div>
-
-    {% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/registration/password_reset_form.html b/templates/registration/password_reset_form.html
index b85cbfd411..d865595804 100644
--- a/templates/registration/password_reset_form.html
+++ b/templates/registration/password_reset_form.html
@@ -1,39 +1,35 @@
-{% extends 'base.html' %} {% block main %}
-{% load ehcofilter %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    重置密码：
-                </h1>
-                <h2 class="subtitle">
-                    这次要好好记住喔....
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">重置密码：</h1>
+                    <h2 class="subtitle">这次要好好记住喔....</h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <h3 class="title">请输入注册邮箱:</h3>
+            <form class="form" action="{% url 'password_reset' %}" method="post">
+                {% csrf_token %}
+                {{ form.non_field_errors }}
+                {% for field in form %}
+                    {{ field.label_tag }}
+                    {{ field|add_class:"input is-info" }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr />
+                <div class="is-grouped">
+                    <button type="submit" class="button is-danger is-outlined ">提交</button>
+                    <a class="button is-success is-outlined"
+                       href="{% url 'sspanel:login' %}">想起来了？</a>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <h3 class="title">请输入注册邮箱:</h3>
-        <form class="form" action="{% url 'password_reset' %}" method="post">
-            {% csrf_token %}
-            {{ form.non_field_errors }}
-            {% for field in form %}
-            {{ field.label_tag }}
-            {{ field|add_class:"input is-info" }}
-            {{ field.errors }}
-            {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %}
-            {% endfor %}
-            <hr />
-            <div class="is-grouped">
-                <button type="submit" class="button is-danger is-outlined ">提交</button>
-                <a class="button is-success is-outlined" href="{% url 'sspanel:login' %}">想起来了？</a>
-            </div>
-        </form>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/aff_invite.html b/templates/web/aff_invite.html
index 5d8b2ad7d7..585405110e 100644
--- a/templates/web/aff_invite.html
+++ b/templates/web/aff_invite.html
@@ -1,65 +1,66 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-warning is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    我的推广
-                </h1>
-                <h2 class="subtitle">
-                    每当通过你的<strong>邀请链接</strong>注册的用户<strong>消费一笔</strong>
-                    <p>你就能获得<strong>{{ invite_percent }}%</strong>的返利哟！
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-warning is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">我的推广</h1>
+                    <h2 class="subtitle">
+                        每当通过你的<strong>邀请链接</strong>注册的用户<strong>消费一笔</strong>
+                        <p>
+                            你就能获得<strong>{{ invite_percent }}%</strong>的返利哟！
+                        </p>
+                    </h2>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <div>
+                <p class="subtitle">我的邀请链接:</p>
+                <div class="field is-grouped is-grouped-multiline">
+                    <p class="control is-expanded">
+                        <input class="input is-rounded is-focused"
+                               id="id-sub-link"
+                               value="{{ ref_link }}"
+                               readonly>
+                    </p>
+                    <p class="control">
+                        <a class="button is-rounded"
+                           id="id-button-clip"
+                           data-clipboard-target="#id-sub-link">
+                            <i class="fa fa-clipboard" aria-hidden="true"></i>
+                        </a>
                     </p>
-                </h2>
+                </div>
+                <span class="copied" hidden="true">复制成功!</span>
             </div>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <div>
-            <p class="subtitle">我的邀请链接: </p>
-            <div class="field is-grouped is-grouped-multiline">
-                <p class="control is-expanded">
-                    <input class="input is-rounded is-focused" id="id-sub-link" value="{{ ref_link }}" readonly>
-                </p>
-                <p class="control">
-                    <a class="button is-rounded" id="id-button-clip" data-clipboard-target="#id-sub-link">
-                        <i class="fa fa-clipboard" aria-hidden="true"></i>
-                    </a>
-                </p>
+        <div class="box" height="100">
+            <canvas id="id-ref-canvas"></canvas>
+            <hr>
+            <div class="content">
+                <table class="table is-striped">
+                    <thead>
+                        <tr>
+                            <th>购买人</th>
+                            <th>返利金额</th>
+                            <th>购买时间</th>
+                        </tr>
+                    </thead>
+                    {% for log in rebate_logs %}
+                        <tr>
+                            <td>{{ log.consumer_username }}</td>
+                            <td>{{ log.money }}元</td>
+                            <td>{{ log.created_at }}</td>
+                        </tr>
+                    {% endfor %}
+                </table>
             </div>
-            <span class="copied" hidden="true">复制成功!</span>
-        </div>
-    </div>
-
-
-    <div class="box" height="100">
-        <canvas id="id-ref-canvas"></canvas>
-        <hr>
-        <div class="content">
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>购买人</th>
-                        <th>返利金额</th>
-                        <th>购买时间</th>
-                    </tr>
-                </thead>
-                {% for log in rebate_logs %}
-                <tr>
-                    <td>{{ log.consumer_username }}</td>
-                    <td>{{ log.money }}元</td>
-                    <td>{{ log.created_at }}</td>
-                </tr>
-                {% endfor %}
-            </table>
         </div>
     </div>
-
-</div>
-<script>
+    <script>
     // 点击复制
     var clip = new Clipboard('#id-button-clip');
     clip.on('success', function (e) {
@@ -73,4 +74,5 @@ <h2 class="subtitle">
         })
     }
     genRefChart()
-</script> {% endblock main %}
\ No newline at end of file
+    </script>
+{% endblock main %}
diff --git a/templates/web/announcement.html b/templates/web/announcement.html
index 697a07d62e..9853f54509 100644
--- a/templates/web/announcement.html
+++ b/templates/web/announcement.html
@@ -1,40 +1,37 @@
-{% extends 'base.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-success is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    公告列表
-                </h1>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-success is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">公告列表</h1>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <div class="content">
+                <p class="subtitle">公告记录:</p>
+                <table class="table is-striped">
+                    <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>时间</th>
+                            <th>内容</th>
+                        </tr>
+                    </thead>
+                    {% for record in anno %}
+                        <tr>
+                            <td>#{{ record.pk }}</td>
+                            <td>{{ record.time }}</td>
+                            <td>{{ record.body |safe }}</td>
+                        </tr>
+                    {% empty %}
+                        <h2 class="subtitle">暂时还没发出公告</h2>
+                    {% endfor %}
+                </table>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <div class="content">
-            <p class="subtitle">公告记录:</p>
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>ID</th>
-                        <th>时间</th>
-                        <th>内容</th>
-                    </tr>
-                </thead>
-                {% for record in anno %}
-                <tr>
-                    <td>#{{ record.pk }}</td>
-                    <td>{{ record.time }}</td>
-                    <td>{{ record.body |safe }}</td>
-                </tr>
-                {% empty %}
-                <h2 class="subtitle">
-                    暂时还没发出公告
-                </h2>
-                {% endfor %}
-            </table>
         </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/charge_center.html b/templates/web/charge_center.html
index b51f3d04cb..e97b2a7f4d 100644
--- a/templates/web/charge_center.html
+++ b/templates/web/charge_center.html
@@ -1,151 +1,158 @@
-{% extends 'base.html' %} {% block main %}{% load static %} {% load ehcofilter %}
-<div class="column is-12">
-    <section class="hero is-warning is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    捐赠充值
-                </h1>
-                <h2 class="subtitle">
-                    捐赠的钱会自动打进你的账号余额....
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load static %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-warning is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">捐赠充值</h1>
+                    <h2 class="subtitle">捐赠的钱会自动打进你的账号余额....</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <nav class="level box ">
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">用户名:</p>
-                <p class="title">{{ user }}</p>
+        </section>
+    </div>
+    <div class="column is-12">
+        <nav class="level box ">
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">用户名:</p>
+                    <p class="title">{{ user }}</p>
+                </div>
             </div>
-        </div>
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">余额：</p>
-                <p class="title">{{ user.balance }}元</p>
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">余额：</p>
+                    <p class="title">{{ user.balance }}元</p>
+                </div>
             </div>
-        </div>
-    </nav>
-</div>
-
-<div class="column is-12">
-    <div class="tile is-ancestor">
-        <div class="tile is-5 is-vertical is-parent">
-            {% settings_value "USE_ALIPAY" as use_alipay %}
-            {% if use_alipay %}
-            <div class="tile box is-child">
-                <p class="subtitle">请在下方输入
-                    <strong>捐赠金额</strong>
-                </p>
-                <p>点击捐赠会弹出
-                    <strong>支付宝二维码</strong>
-                    <br>支付完成后你的账户里会增加<strong>对应的金额</strong>
-                </p>
-                <strong>付完款之后要按红色的确认按钮</strong>
-                <hr>
-                <div class="content">
-                    <div class="field is-grouped is-grouped-multiline">
-                        <div class="control has-icons-left">
-                            <div class="control">
-                                <input id="id-input-payinput" class="input" type="number" step="1"
-                                    placeholder="最低不得小于1元: " required>
+        </nav>
+    </div>
+    <div class="column is-12">
+        <div class="tile is-ancestor">
+            <div class="tile is-5 is-vertical is-parent">
+                {% settings_value "USE_ALIPAY" as use_alipay %}
+                {% if use_alipay %}
+                    <div class="tile box is-child">
+                        <p class="subtitle">
+                            请在下方输入
+                            <strong>捐赠金额</strong>
+                        </p>
+                        <p>
+                            点击捐赠会弹出
+                            <strong>支付宝二维码</strong>
+                            <br>
+                            支付完成后你的账户里会增加<strong>对应的金额</strong>
+                        </p>
+                        <strong>付完款之后要按红色的确认按钮</strong>
+                        <hr>
+                        <div class="content">
+                            <div class="field is-grouped is-grouped-multiline">
+                                <div class="control has-icons-left">
+                                    <div class="control">
+                                        <input id="id-input-payinput"
+                                               class="input"
+                                               type="number"
+                                               step="1"
+                                               placeholder="最低不得小于1元: "
+                                               required>
+                                    </div>
+                                    <div class="icon  is-left">
+                                        <i class="fab fa-alipay"></i>
+                                    </div>
+                                </div>
+                                <p class="control">
+                                    <button class="button is-outlined is-info is-rounded"
+                                            id="id-button-payrequest">捐赠</button>
+                                </p>
                             </div>
-                            <div class="icon  is-left">
-                                <i class="fab fa-alipay"></i>
+                            <div id="id-qrcode-box" class="is-hidden">
+                                <div id="id-qrcode-canvas"></div>
+                                <hr>
+                                <p>
+                                    <strong>付费完成之后请点击确认</strong>
+                                </p>
+                                <p id="id-msg-line"></p>
+                                <div class="control">
+                                    <button id="id-button-query"
+                                            class="button is-outlined is-danger is-rounded"
+                                            href="#">确认</button>
+                                </div>
                             </div>
                         </div>
-                        <p class="control">
-                            <button class="button is-outlined is-info is-rounded" id="id-button-payrequest">捐赠</button>
-                        </p>
                     </div>
-                    <div id="id-qrcode-box" class="is-hidden">
-                        <div id="id-qrcode-canvas"></div>
+                {% else %}
+                    <div class="tile box is-child">
+                        <p class="subtitle">本站通过充值码进行充值:</p>
                         <hr>
-                        <p>
-                            <strong>付费完成之后请点击确认</strong>
-                        </p>
-                        <p id="id-msg-line"></p>
-                        <div class="control">
-                            <button id="id-button-query" class="button is-outlined is-danger is-rounded"
-                                href="#">确认</button>
-                        </div>
+                        <p class="subtitle">扫描站长支付宝PY获得充值码：</p>
+                        <figure class="image">
+                            <img src="{% static '/img/alipay.png' %}">
+                        </figure>
                     </div>
-                </div>
+                {% endif %}
             </div>
-            {% else %}
-            <div class="tile box is-child">
-                <p class="subtitle">本站通过充值码进行充值:</p>
-                <hr>
-                <p class="subtitle">扫描站长支付宝PY获得充值码：</p>
-                <figure class="image">
-                    <img src="{% static '/img/alipay.png'%}">
-                </figure>
+            <div class="tile is-7 is-vertical is-parent">
+                <div class="tile box is-child">
+                    <div class="content">
+                        <table class="table is-striped">
+                            <thead>
+                                <tr>
+                                    <th>捐赠人</th>
+                                    <th>捐赠金额</th>
+                                </tr>
+                            </thead>
+                            {% for donate in donatelist %}
+                                <tr>
+                                    <td>{{ donate.user|mix_name:donate.user }}</td>
+                                    <td>{{ donate.money }} 元</td>
+                                </tr>
+                            {% endfor %}
+                        </table>
+                    </div>
+                </div>
             </div>
-            {% endif %}
         </div>
-        <div class="tile is-7 is-vertical is-parent">
-            <div class="tile box is-child">
-                <div class="content">
-                    <table class="table is-striped">
-                        <thead>
-                            <tr>
-                                <th>捐赠人</th>
-                                <th>捐赠金额</th>
-                            </tr>
-                        </thead>
-                        {% for donate in donatelist %}
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form field is-grouped" method="post">
+                <p class="control is-expanded">
+                    {% csrf_token %}
+                    <input type="text"
+                           name="chargecode"
+                           class="input "
+                           required=""
+                           id="chargecode"
+                           placeholder="请输入充值码">
+                </p>
+                <p class="control">
+                    <button type="submit" class="button is-info is-outlined ">充值</button>
+                </p>
+            </form>
+            <div class="content">
+                <p class="subtitle">用过的充值码：</p>
+                <table class="table is-striped">
+                    <thead>
                         <tr>
-                            <td>{{ donate.user|mix_name:donate.user }}</td>
-                            <td>{{ donate.money }} 元</td>
+                            <th>时间</th>
+                            <th>代码</th>
+                            <th>金额</th>
                         </tr>
-                        {% endfor %}
-                    </table>
-                </div>
+                    </thead>
+                    {% for code in codelist %}
+                        <tr>
+                            <td>{{ code.time|date:"m月d日" }}</td>
+                            <td>{{ code.code }}</td>
+                            <td>{{ code.number }}</td>
+                        </tr>
+                    {% empty %}
+                    {% endfor %}
+                </table>
             </div>
         </div>
     </div>
-</div>
-
-
-<div class="column is-12">
-    <div class="box">
-        <form class="form field is-grouped" method="post">
-            <p class="control is-expanded">
-                {% csrf_token %}
-                <input type="text" name="chargecode" class="input " required="" id="chargecode" placeholder="请输入充值码">
-            </p>
-            <p class="control">
-                <button type="submit" class="button is-info is-outlined ">充值</button>
-            </p>
-        </form>
-
-        <div class="content">
-            <p class="subtitle">用过的充值码：</p>
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>时间</th>
-                        <th>代码</th>
-                        <th>金额</th>
-                    </tr>
-                </thead>
-                {% for code in codelist %}
-                <tr>
-                    <td>{{ code.time|date:"m月d日" }}</td>
-                    <td>{{ code.code }}</td>
-                    <td>{{ code.number }}</td>
-                </tr>
-                {% empty %}
-                {% endfor %}
-            </table>
-        </div>
-    </div>
-</div>
-
-
-<script>
+    <script>
     // 支付请求 部分
     var requestButton = $("#id-button-payrequest")
     var payinput = $("#id-input-payinput")
@@ -213,6 +220,5 @@ <h2 class="subtitle">
     queryButton.click(function () {
         payquery(false);
     });
-</script>
-
-{% endblock main %}
\ No newline at end of file
+    </script>
+{% endblock main %}
diff --git a/templates/web/help.html b/templates/web/help.html
index 1864f11853..25e3f97a0f 100644
--- a/templates/web/help.html
+++ b/templates/web/help.html
@@ -1,40 +1,49 @@
-{% extends 'base.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    说个故事
-                </h1>
-                <h2 class="subtitle">
-                    一个男孩和「墙」的故事：
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">说个故事</h1>
+                    <h2 class="subtitle">一个男孩和「墙」的故事：</h2>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <div class="notification">
+                <button class="delete"></button>
+                <p>
+                    一堵墙。
+                    <br />
+                    <br />
+                </p>
+                <p>
+                    男人看着这堵墙，从他还是个男孩的时候，到下巴上冒出细细的胡须，
+                    <br>
+                    又到成为一个真正的男人。墙也从最坚固的样子慢慢衰颓。
+                </p>
+                <p>这次一定要征服它，一定可以「征服」它。男人心想。</p>
+                <p>说来也奇怪，小时候与小伙伴玩闹，打赌谁能爬上这堵墙，男孩就从没赢过。不管用怎样的方法，甚至把家里的梯子搬出来，也没能成功爬上去，一次也没有。</p>
+                <p>
+                    久而久之，这堵墙成了男孩的心结，即使成年后，只要站在这堵墙前，
+                    <br>
+                    就仍然是那个四五岁不服输的小男孩。
+                </p>
+                <p>
+                    男人开始攀爬，这么多年来，他已经对墙砖的位置烂熟于心。
+                    <br>
+                    哪一块砖微微凸出来，可以抓住或者作为落脚的地方，
+                    <br>
+                    男人都了然于心。但他不明白为什么总是在最接近墙头的时候失败。
+                </p>
+                <p>这次能够成功吗？</p>
+            </div>
+            <div class="notification is-success">
+                <button class="delete"></button>
+                <h2 class="title">注册了你就知道了 ʘʚʘ</h2>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <div class="notification">
-            <button class="delete"></button>
-            <p>一堵墙。
-                <br/>
-                <br/> </p>
-            <p> 男人看着这堵墙，从他还是个男孩的时候，到下巴上冒出细细的胡须，
-                <br>又到成为一个真正的男人。墙也从最坚固的样子慢慢衰颓。 </p>
-            <p> 这次一定要征服它，一定可以「征服」它。男人心想。</p>
-            <P>说来也奇怪，小时候与小伙伴玩闹，打赌谁能爬上这堵墙，男孩就从没赢过。不管用怎样的方法，甚至把家里的梯子搬出来，也没能成功爬上去，一次也没有。</P>
-            <p>久而久之，这堵墙成了男孩的心结，即使成年后，只要站在这堵墙前，
-                <br>就仍然是那个四五岁不服输的小男孩。</p>
-            <p>男人开始攀爬，这么多年来，他已经对墙砖的位置烂熟于心。
-                <br>哪一块砖微微凸出来，可以抓住或者作为落脚的地方，
-                <br>男人都了然于心。但他不明白为什么总是在最接近墙头的时候失败。</p>
-            <p>这次能够成功吗？</p>
-        </div>
-        <div class="notification is-success">
-            <button class="delete"></button>
-            <h2 class="title"> 注册了你就知道了 ʘʚʘ</h2>
         </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/index.html b/templates/web/index.html
index 84a8b22fc7..328b0fb915 100644
--- a/templates/web/index.html
+++ b/templates/web/index.html
@@ -1,59 +1,69 @@
-{% extends 'base.html' %} {% load ehcofilter %}{% block main %}
-<div class="columns">
-    <div class="column is-one-third">
-        <div class="notification is-danger">
-            <button class="delete"></button>
-            <p class="title is-4">
-                好像发现了一个
-                <br />
-                <br />了不得的地方！
-            </p>
+{% extends 'base.html' %}
+{% load ehcofilter %}
+{% block main %}
+    <div class="columns">
+        <div class="column is-one-third">
+            <div class="notification is-danger">
+                <button class="delete"></button>
+                <p class="title is-4">
+                    好像发现了一个
+                    <br />
+                    <br />
+                    了不得的地方！
+                </p>
+            </div>
         </div>
-    </div>
-    <div class="column is-one-third">
-        <div class="notification is-success">
-            <button class="delete"></button>
-            <p class="title is-4">
-                是啊是啊！
-                <br />
-                <br />要进去瞧瞧么？</p>
+        <div class="column is-one-third">
+            <div class="notification is-success">
+                <button class="delete"></button>
+                <p class="title is-4">
+                    是啊是啊！
+                    <br />
+                    <br />
+                    要进去瞧瞧么？
+                </p>
+            </div>
         </div>
-    </div>
-    <div class="column is-one-third">
-        <div class="notification is-link">
-            <button class="delete"></button>
-            <p class="title is-4">
-                当然要去！
-                <br />
-                <br />魔王总要救公主！</p>
+        <div class="column is-one-third">
+            <div class="notification is-link">
+                <button class="delete"></button>
+                <p class="title is-4">
+                    当然要去！
+                    <br />
+                    <br />
+                    魔王总要救公主！
+                </p>
+            </div>
         </div>
     </div>
-</div>
-<br /> {% if user.is_authenticated %}
-<div class="box">
-    <p class="title">欢迎小主: {{ user.username }}</p>
-    <p class="subtitle">点击下方按钮进入用户中心 </p>
-    <button class="button">
-        <a href="{% url 'sspanel:userinfo' %}">进入</a>
-    </button>
-
-</div>
-{% else %}
-<div class="column box ">
-    {% settings_value "ALLOW_REGISTER" as allow_register %}
-    {% if allow_register is True %}
-    <h1 class="title"> 注册注册</h1>
-    <h2 class="subtitle">没有账号？快去注册一个吧！</h2>
-    <a class="button is-primary is-outlined" href="{% url 'sspanel:register' %}">注册</a>
+    <br />
+    {% if user.is_authenticated %}
+        <div class="box">
+            <p class="title">欢迎小主: {{ user.username }}</p>
+            <p class="subtitle">点击下方按钮进入用户中心</p>
+            <button class="button">
+                <a href="{% url 'sspanel:userinfo' %}">进入</a>
+            </button>
+        </div>
     {% else %}
-    <h1 class="title"> 抱歉抱歉！</h1>
-    <h2 class="subtitle">暂时关闭注册了呢~</h2>
+        <div class="column box ">
+            {% settings_value "ALLOW_REGISTER" as allow_register %}
+            {% if allow_register is True %}
+                <h1 class="title">注册注册</h1>
+                <h2 class="subtitle">没有账号？快去注册一个吧！</h2>
+                <a class="button is-primary is-outlined"
+                   href="{% url 'sspanel:register' %}">注册</a>
+            {% else %}
+                <h1 class="title">抱歉抱歉！</h1>
+                <h2 class="subtitle">暂时关闭注册了呢~</h2>
+            {% endif %}
+        </div>
+        <br />
+        <div class="column box ">
+            <h1 class="title">登录登录！</h1>
+            <h2 class="subtitle">有账号了？登录吧少年！</h2>
+            <a class="button is-danger is-outlined" href="{% url 'sspanel:login' %}">登录</a>
+        </div>
+        <br />
     {% endif %}
-</div>
-<br />
-<div class="column box ">
-    <h1 class="title"> 登录登录！</h1>
-    <h2 class="subtitle">有账号了？登录吧少年！</h2>
-    <a class="button is-danger is-outlined" href="{% url 'sspanel:login' %}">登录</a>
-</div>
-<br /> {% endif %} {% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/invite.html b/templates/web/invite.html
index 12b320e012..248671c80f 100644
--- a/templates/web/invite.html
+++ b/templates/web/invite.html
@@ -1,45 +1,40 @@
-{% extends 'base.html' %} {% block main %} {% load ehcofilter %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    邀请码列表
-                </h1>
-                <h2 class="subtitle">
-                    {% settings_value "INVITEINFO" %}
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    {% load ehcofilter %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">邀请码列表</h1>
+                    <h2 class="subtitle">{% settings_value "INVITEINFO" %}</h2>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <div class="content">
+                <table class="table is-striped">
+                    <thead>
+                        <tr>
+                            <th>创建时间</th>
+                            <th>邀请码</th>
+                        </tr>
+                    </thead>
+                    {% for code in code_list %}
+                        <tr>
+                            <td>{{ code.created_at|date:"m月d日" }}</td>
+                            <td>
+                                <a href="{% url 'sspanel:register' %}?invitecode={{ code.code }}"code.code }}>
+                                    {{ code.code }}
+                                </a>
+                            </td>
+                        </tr>
+                    {% empty %}
+                        <h2 class="subtitle">哦哦哦，用完了！</h2>
+                    {% endfor %}
+                </table>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <div class="content">
-
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>创建时间</th>
-                        <th>邀请码</th>
-                    </tr>
-                </thead>
-                {% for code in code_list %}
-                <tr>
-                    <td>{{ code.created_at|date:"m月d日" }}</td>
-                    <td>
-                        <a href="{% url 'sspanel:register'%}?invitecode={{code.code}}"code.code }}>
-                            {{ code.code }}
-                        </a>
-                    </td>
-                </tr>
-                {% empty %}
-                <h2 class="subtitle">
-                    哦哦哦，用完了！
-                </h2>
-                {% endfor %}
-            </table>
         </div>
     </div>
-</div>
-{% endblock main%}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/login.html b/templates/web/login.html
index bf635dce36..9852dcabef 100644
--- a/templates/web/login.html
+++ b/templates/web/login.html
@@ -1,67 +1,68 @@
-{% extends 'base.html' %} {% load ehcofilter %}
+{% extends 'base.html' %}
+{% load ehcofilter %}
 {% block main %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    登录
-                </h1>
-                <h2 class="subtitle">
-                    请问需要加点咖啡吗？
-                </h2>
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">登录</h1>
+                    <h2 class="subtitle">请问需要加点咖啡吗？</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    {% if user.is_authenticated %}
-    <div class="box">
-        <p class="title">欢迎小主: {{ user.username }}</p>
-        <p class="subtitle">点击下方按钮进入用户中心 </p>
-        <button class="button">
-            <a href="{% url 'sspanel:userinfo' %}">进入</a>
-        </button>
+        </section>
     </div>
-    {% else %}
-    <div class="box">
-        <h3 class="title">登录:</h3>
-        <form class="form" action="{% url 'sspanel:login' %}" method="post">
-            {% csrf_token %} {{ form.non_field_errors }} {% for field in form %} {{ field.label_tag }} {{ field }}
-            {{ field.errors }}
-            {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %} {% endfor %}
-            <hr>
-            <div class="field is-grouped is-grouped-multiline">
-                <p class="control">
-                    <button type="submit" class="button is-danger is-outlined">登录</button>
-                </p>
-
-                {% settings_value "TELEGRAM_BOT_NAME" as tg_bot_name %}
-                {% settings_value "TELEGRAM_LOGIN_REDIRECT_URL" as tg_redirect_url %}
-                {% if tg_bot_name and request.get_host in tg_redirect_url %}
-                <p class="control">
-                    <script async src="https://telegram.org/js/telegram-widget.js?22"
-                        data-telegram-login="{{ tg_bot_name }}" data-size="large" data-auth-url="{{ tg_redirect_url }}"
-                        data-request-access="write"></script>
-                </p>
-                {% endif %}
-
-                {% settings_value "USE_SMTP" as use_smtp %}
-                {% if use_smtp %}
-                <p class="control">
-                    <a class="button is-info is-outlined" href="{% url 'password_reset' %}">忘记密码</a>
-                </p>
-                {% endif %}
-                {% settings_value "ALLOW_REGISTER" as allow_register %}
-                {% if allow_register is True %}
-                <p class="control">
-                    <a class="button is-primary is-outlined" href="{% url 'sspanel:register' %}">注册一个</a>
-                </p>
-                {% endif %}
+    <div class="column is-12">
+        {% if user.is_authenticated %}
+            <div class="box">
+                <p class="title">欢迎小主: {{ user.username }}</p>
+                <p class="subtitle">点击下方按钮进入用户中心</p>
+                <button class="button">
+                    <a href="{% url 'sspanel:userinfo' %}">进入</a>
+                </button>
             </div>
-        </form>
-    </div>
-</div>
-{% endif %} {% endblock main %}
\ No newline at end of file
+        {% else %}
+            <div class="box">
+                <h3 class="title">登录:</h3>
+                <form class="form" action="{% url 'sspanel:login' %}" method="post">
+                    {% csrf_token %} {{ form.non_field_errors }}
+                    {% for field in form %}
+                        {{ field.label_tag }} {{ field }}
+                        {{ field.errors }}
+                        {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                    {% endfor %}
+                    <hr>
+                    <div class="field is-grouped is-grouped-multiline">
+                        <p class="control">
+                            <button type="submit" class="button is-danger is-outlined">登录</button>
+                        </p>
+                        {% settings_value "TELEGRAM_BOT_NAME" as tg_bot_name %}
+                        {% settings_value "TELEGRAM_LOGIN_REDIRECT_URL" as tg_redirect_url %}
+                        {% if tg_bot_name and request.get_host in tg_redirect_url %}
+                            <p class="control">
+                                <script async
+                                        src="https://telegram.org/js/telegram-widget.js?22"
+                                        data-telegram-login="{{ tg_bot_name }}"
+                                        data-size="large"
+                                        data-auth-url="{{ tg_redirect_url }}"
+                                        data-request-access="write"></script>
+                            </p>
+                        {% endif %}
+                        {% settings_value "USE_SMTP" as use_smtp %}
+                        {% if use_smtp %}
+                            <p class="control">
+                                <a class="button is-info is-outlined" href="{% url 'password_reset' %}">忘记密码</a>
+                            </p>
+                        {% endif %}
+                        {% settings_value "ALLOW_REGISTER" as allow_register %}
+                        {% if allow_register is True %}
+                            <p class="control">
+                                <a class="button is-primary is-outlined"
+                                   href="{% url 'sspanel:register' %}">注册一个</a>
+                            </p>
+                        {% endif %}
+                    </div>
+                </form>
+            </div>
+        </div>
+    {% endif %}
+{% endblock main %}
diff --git a/templates/web/node_occupancy.html b/templates/web/node_occupancy.html
index 25d0d5184c..23fc09fa6d 100644
--- a/templates/web/node_occupancy.html
+++ b/templates/web/node_occupancy.html
@@ -1,156 +1,144 @@
 {% extends 'base.html' %}
-
 {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-warning is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    独享节点
-                </h1>
-                <h2 class="subtitle">
-                    受够了和别人共享节点?来买一个独享节点吧 :)
-                </h2>
-            </div>
-        </div>
-    </section>
-</div>
-
-<div class="column is-12">
-    <nav class="level box">
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">用户名:</p>
-                <p class="title">{{ user }}</p>
+    <div class="column is-12">
+        <section class="hero is-warning is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">独享节点</h1>
+                    <h2 class="subtitle">受够了和别人共享节点?来买一个独享节点吧 :)</h2>
+                </div>
             </div>
-        </div>
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">余额：</p>
-                <p class="title">{{ user.balance }}</p>
+        </section>
+    </div>
+    <div class="column is-12">
+        <nav class="level box">
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">用户名:</p>
+                    <p class="title">{{ user }}</p>
+                </div>
             </div>
-        </div>
-    </nav>
-
-
-
-    <div class="box">
-        <h4 class="title is-4">可购买</h4>
-        <div class="pricing-table">
-            {% for node in purchasable_proxy_nodes %}
-            <div class="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active}} ">
-                <div class="plan-header">{{ node.name }}</div>
-                <div class="plan-price"><span class="plan-price-amount">
-                        <span class="plan-price-currency">￥</span>{{node.occupancy_config.occupancy_price}}</span>/月
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">余额：</p>
+                    <p class="title">{{ user.balance }}</p>
                 </div>
-                <div class="plan-items">
-                    <div class="plan-item">类型：
-                        <span class="tag {{ node.occupancy_config.color }}">{{ node.node_type }}</span>
-                    </div>
-                    <div class="plan-item">地区：{{ node.country }}
-                        <span class="icon">
-                            <i class="flag-icon flag-icon-{{ node.country | lower }}"></i>
-                        </span>
-                    </div>
-                    <div class="plan-item">月流量：{{ node.occupancy_config.human_occupancy_traffic }}</div>
-                    <div class="plan-item">备注：{{ node.occupancy_config.remark }}</div>
+            </div>
+        </nav>
+        <div class="box">
+            <h4 class="title is-4">可购买</h4>
+            <div class="pricing-table">
+                {% for node in purchasable_proxy_nodes %}
+                    <div class="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active }} ">
+                        <div class="plan-header">{{ node.name }}</div>
+                        <div class="plan-price">
+                            <span class="plan-price-amount">
+                                <span class="plan-price-currency">￥</span>{{ node.occupancy_config.occupancy_price }}</span>/月
+                            </div>
+                            <div class="plan-items">
+                                <div class="plan-item">
+                                    类型：
+                                    <span class="tag {{ node.occupancy_config.color }}">{{ node.node_type }}</span>
+                                </div>
+                                <div class="plan-item">
+                                    地区：{{ node.country }}
+                                    <span class="icon">
+                                        <i class="flag-icon flag-icon-{{ node.country | lower }}"></i>
+                                    </span>
+                                </div>
+                                <div class="plan-item">月流量：{{ node.occupancy_config.human_occupancy_traffic }}</div>
+                                <div class="plan-item">备注：{{ node.occupancy_config.remark }}</div>
+                            </div>
+                            <form method="post"
+                                  action="{% url 'sspanel:node_occupancy' %}"
+                                  onsubmit="return confirm('是否购买？')">
+                                {% csrf_token %}
+                                <div class="plan-footer">
+                                    {% if node.already_buy %}
+                                        <button class="button is-fullwidth" type="submit">续费</button>
+                                    {% else %}
+                                        <button class="button is-fullwidth" type="submit">购买</button>
+                                    {% endif %}
+                                </div>
+                                <input type="hidden" name="node_id" value="{{ node.pk }}">
+                            </form>
+                        </div>
+                    {% empty %}
+                        <p class="subtitle">被富哥买完啦,请发工单联系站长补货...</p>
+                    {% endfor %}
                 </div>
-                <form method="post" action="{% url 'sspanel:node_occupancy' %}" onsubmit="return confirm('是否购买？')">
-                    {% csrf_token %}
-                    <div class="plan-footer">
-                        {% if node.already_buy %}
-                        <button class="button is-fullwidth" type="submit">续费</button>
-                        {% else %}
-                        <button class="button is-fullwidth" type="submit">购买</button>
-                        {% endif %}
-                    </div>
-                    <input type="hidden" name="node_id" value="{{ node.pk }}">
-                </form>
             </div>
-            {% empty %}
-            <p class="subtitle">被富哥买完啦,请发工单联系站长补货...</p>
-            {% endfor %}
+            <div class="box">
+                <nav class="panel is-info">
+                    <p class="panel-heading">已购买</p>
+                    <p class="panel-tabs">
+                        <a class="is-active" id="tab-usable">可使用</a>
+                        <a id="tab-outdated">已过期</a>
+                    </p>
+                    <a class="panel-block" id="block-usable">
+                        <table class="table is-striped is-fullwidth">
+                            <thead>
+                                <tr>
+                                    <th>节点</th>
+                                    <th>开始时间</th>
+                                    <th>到期时间</th>
+                                    <th>已用流量</th>
+                                    <th>总流量</th>
+                                    <th>流量进度</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {% for o in usable_occupies %}
+                                    <tr>
+                                        <td>{{ o.proxy_node.name }}</td>
+                                        <td>{{ o.start_time }}</td>
+                                        <td>{{ o.end_time }}</td>
+                                        <td>{{ o.human_used_traffic }}</td>
+                                        <td>{{ o.human_total_traffic }}</td>
+                                        <td>
+                                            <progress class="progress {{ o.progress_color }}"
+                                                      value="{{ o.used_traffic }}"
+                                                      max="{{ o.total_traffic }}"></progress>{{ o.used_percentage }}%
+                                        </td>
+                                    </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </a>
+                    <a class="panel-block is-hidden" id="block-outdated">
+                        <table class="table is-striped is-fullwidth">
+                            <thead>
+                                <tr>
+                                    <th>节点</th>
+                                    <th>开始时间</th>
+                                    <th>到期时间</th>
+                                    <th>已用流量</th>
+                                    <th>总流量</th>
+                                    <th>流量进度</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {% for o in outdated_occupies %}
+                                    <tr>
+                                        <td>{{ o.proxy_node.name }}</td>
+                                        <td>{{ o.start_time }}</td>
+                                        <td>{{ o.end_time }}</td>
+                                        <td>{{ o.human_used_traffic }}</td>
+                                        <td>{{ o.human_total_traffic }}</td>
+                                        <td>
+                                            <progress class="progress {{ o.progress_color }}"
+                                                      value="{{ o.used_traffic }}"
+                                                      max="{{ o.total_traffic }}"></progress>{{ o.used_percentage }}%
+                                        </td>
+                                    </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </a>
+                </nav>
+            </div>
         </div>
-    </div>
-
-
-
-    <div class="box">
-        <nav class="panel is-info">
-            <p class="panel-heading">
-                已购买
-            </p>
-            <p class="panel-tabs">
-                <a class="is-active" id="tab-usable">可使用</a>
-                <a id="tab-outdated">已过期</a>
-            </p>
-
-
-            <a class="panel-block" id="block-usable">
-                <table class="table is-striped is-fullwidth">
-                    <thead>
-                        <tr>
-                            <th>节点</th>
-                            <th>开始时间</th>
-                            <th>到期时间</th>
-                            <th>已用流量</th>
-                            <th>总流量</th>
-                            <th>流量进度</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for o in usable_occupies %}
-                        <tr>
-                            <td>{{ o.proxy_node.name }}</td>
-                            <td>{{ o.start_time }}</td>
-                            <td>{{ o.end_time }}</td>
-                            <td>{{ o.human_used_traffic }}</td>
-                            <td>{{ o.human_total_traffic }}</td>
-                            <td>
-                                <progress class="progress {{ o.progress_color }}" value="{{ o.used_traffic }}"
-                                    max="{{ o.total_traffic }}"></progress>{{ o.used_percentage }}%
-                            </td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </a>
-
-            <a class="panel-block is-hidden" id="block-outdated">
-                <table class="table is-striped is-fullwidth">
-                    <thead>
-                        <tr>
-                            <th>节点</th>
-                            <th>开始时间</th>
-                            <th>到期时间</th>
-                            <th>已用流量</th>
-                            <th>总流量</th>
-                            <th>流量进度</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for o in outdated_occupies %}
-                        <tr>
-                            <td>{{ o.proxy_node.name }}</td>
-                            <td>{{ o.start_time }}</td>
-                            <td>{{ o.end_time }}</td>
-                            <td>{{ o.human_used_traffic }}</td>
-                            <td>{{ o.human_total_traffic }}</td>
-                            <td>
-                                <progress class="progress {{ o.progress_color }}" value="{{ o.used_traffic }}"
-                                    max="{{ o.total_traffic }}"></progress>{{ o.used_percentage }}%
-                            </td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </a>
-        </nav>
-    </div>
-</div>
-
-<script>
+        <script>
     // when click tab-usable, add class is-active to tab and block and hide block-outdated
     $('#tab-usable').click(function () {
         // for tab
@@ -176,5 +164,5 @@ <h4 class="title is-4">可购买</h4>
         $('#block-usable').removeClass('is-active');
         $('#block-usable').addClass('is-hidden');
     });
-</script>
-{% endblock main %}
\ No newline at end of file
+        </script>
+    {% endblock main %}
diff --git a/templates/web/register.html b/templates/web/register.html
index d767880280..0cb320e493 100644
--- a/templates/web/register.html
+++ b/templates/web/register.html
@@ -1,44 +1,38 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    注册
-                </h1>
-                <h2 class="subtitle">
-                    没有邀请码？点击<a href="{% url 'sspanel:invite_code' %}"><strong>这里</strong></a>碰碰运气
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">注册</h1>
+                    <h2 class="subtitle">
+                        没有邀请码？点击<a href="{% url 'sspanel:invite_code' %}"><strong>这里</strong></a>碰碰运气
+                    </h2>
+                </div>
             </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <h3 class="title">注册:</h3>
+            <form class="form" action="{% url 'sspanel:register' %}" method="post">
+                {% csrf_token %}
+                {% for field in form %}
+                    {% if field.label != 'not show' %}{{ field.label }}{% endif %}
+                    {{ field }}
+                    {{ field.errors }}
+                    {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                {% endfor %}
+                <hr>
+                <div class="field is-grouped is-grouped-multiline">
+                    <p class="control">
+                        <button type="submit" class="button is-primary is-outlined">注册吧少年！</button>
+                    </p>
+                    <p class="control">
+                        <a class="button is-info is-outlined " href="{% url 'sspanel:login' %}">刚注册过了？</a>
+                    </p>
+                </div>
+            </form>
         </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <h3 class="title">注册:</h3>
-        <form class="form" action="{% url 'sspanel:register' %}" method="post">
-            {% csrf_token %}
-            {% for field in form %}
-                {% if field.label != 'not show' %}
-                    {{ field.label }}
-                {% endif %}
-                {{ field }}
-                {{ field.errors }}
-                {% if field.help_text %}
-                    <p class="help is-danger">{{ field.help_text|safe }}</p>
-                {% endif %}
-            {% endfor %}
-            <hr>
-            <div class="field is-grouped is-grouped-multiline">
-                <p class="control">
-                    <button type="submit" class="button is-primary is-outlined">注册吧少年！</button>
-                </p>
-                <p class="control">
-                    <a class="button is-info is-outlined " href="{% url 'sspanel:login' %}">刚注册过了？</a>
-                </p>
-            </div>
-        </form>
     </div>
-</div>
-{% endblock main%}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/shop.html b/templates/web/shop.html
index 652e341e9c..97bb6b7a59 100644
--- a/templates/web/shop.html
+++ b/templates/web/shop.html
@@ -1,118 +1,108 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-warning is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    共享节点
-                </h1>
-                <h2 class="subtitle">
-                    量大管饱，便宜实惠, 不容错过
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-warning is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">共享节点</h1>
+                    <h2 class="subtitle">量大管饱，便宜实惠, 不容错过</h2>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <nav class="level box">
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">用户名:</p>
-                <p class="title">{{ user }}</p>
-            </div>
-        </div>
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">余额：</p>
-                <p class="title">{{ user.balance }}</p>
-            </div>
-        </div>
-    </nav>
-
-    <div class="pricing-table box" id="id-goodlist">
-        {% for good in goods %}
-        <div class="modal" id="modal-{{ good.pk }}">
-            <div class="modal-background"></div>
-            <div class="modal-card">
-                <header class="modal-card-head">
-                    <p class="modal-card-title">订单确认:</p>
-                    <button class="delete"></button>
-                </header>
-                <section class="modal-card-body" data-id="{{ good.pk }}">
-                    <strong>商品名：</strong>{{ good.name }}
-                    <br>
-                    <strong>描述：</strong>{{good.content}}
-                    <hr>
-                    <strong>价格：</strong>
-                    <code>{{ good.money }}元</code>
-                    <br>
-                    <strong>流量：</strong>
-                    <code>{{ good.total_transfer }}</code>
-                    <br>
-                    <strong>有效期：</strong>
-                    <code>{{ good.days }} 天</code>
-                    <hr>
-                    <a class="button is-danger is-outlined" id="id-button-pruchase">确认购买</a>
-                </section>
-            </div>
-        </div>
-
-        <div class="pricing-plan {{good.bulma_color}}">
-            <div class="plan-header">{{ good.name }}</div>
-            <div class="plan-price"><span class="plan-price-amount">
-                    <span class="plan-price-currency">￥</span>{{good.money}}</span>/{{ good.days }}天
-            </div>
-            <div class="plan-items">
-                <div class="plan-item">流量：{{ good.total_transfer }}</div>
-                <div class="plan-item">有效期：{{ good.days }}天</div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <nav class="level box">
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">用户名:</p>
+                    <p class="title">{{ user }}</p>
+                </div>
             </div>
-            <div class="plan-footer">
-                <a class="modal-button  is-fullwidth" data-target="modal-{{ good.pk }}">
-                    {% if good.already_buy %}
-                    <span class="button is-fullwidth">续费</span>
-                    {% else %}
-                    <span class="button is-fullwidth">购买</span>
-                    {% endif %}
-                </a>
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">余额：</p>
+                    <p class="title">{{ user.balance }}</p>
+                </div>
             </div>
-        </div>
-        {% empty %}
-        <p class="subtitle">暂时没有共享节点,请发工单联系站长补货...</p>
-        {% endfor %}
-    </div>
-
-    <div class="box">
-        <div class="content">
-            <p class="subtitle">购买记录</p>
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>ID</th>
-                        <th>名称</th>
-                        <th>金额</th>
-                        <th>时间</th>
-                    </tr>
-                </thead>
-                {% for record in records %}
-                <tr>
-                    <td>#{{ record.pk }}</td>
-                    <td>{{ record.good_name }}</td>
-                    <td>{{ record.money }}</td>
-                    <td>{{ record.created_at}}</td>
-                </tr>
+        </nav>
+        <div class="pricing-table box" id="id-goodlist">
+            {% for good in goods %}
+                <div class="modal" id="modal-{{ good.pk }}">
+                    <div class="modal-background"></div>
+                    <div class="modal-card">
+                        <header class="modal-card-head">
+                            <p class="modal-card-title">订单确认:</p>
+                            <button class="delete"></button>
+                        </header>
+                        <section class="modal-card-body" data-id="{{ good.pk }}">
+                            <strong>商品名：</strong>{{ good.name }}
+                            <br>
+                            <strong>描述：</strong>{{ good.content }}
+                            <hr>
+                            <strong>价格：</strong>
+                            <code>{{ good.money }}元</code>
+                            <br>
+                            <strong>流量：</strong>
+                            <code>{{ good.total_transfer }}</code>
+                            <br>
+                            <strong>有效期：</strong>
+                            <code>{{ good.days }} 天</code>
+                            <hr>
+                            <a class="button is-danger is-outlined" id="id-button-pruchase">确认购买</a>
+                        </section>
+                    </div>
+                </div>
+                <div class="pricing-plan {{ good.bulma_color }}">
+                    <div class="plan-header">{{ good.name }}</div>
+                    <div class="plan-price">
+                        <span class="plan-price-amount">
+                            <span class="plan-price-currency">￥</span>{{ good.money }}</span>/{{ good.days }}天
+                        </div>
+                        <div class="plan-items">
+                            <div class="plan-item">流量：{{ good.total_transfer }}</div>
+                            <div class="plan-item">有效期：{{ good.days }}天</div>
+                        </div>
+                        <div class="plan-footer">
+                            <a class="modal-button  is-fullwidth" data-target="modal-{{ good.pk }}">
+                                {% if good.already_buy %}
+                                    <span class="button is-fullwidth">续费</span>
+                                {% else %}
+                                    <span class="button is-fullwidth">购买</span>
+                                {% endif %}
+                            </a>
+                        </div>
+                    </div>
                 {% empty %}
-                <h2 class="subtitle">
-                    还没有买过东西呢....
-                </h2>
+                    <p class="subtitle">暂时没有共享节点,请发工单联系站长补货...</p>
                 {% endfor %}
-            </table>
+            </div>
+            <div class="box">
+                <div class="content">
+                    <p class="subtitle">购买记录</p>
+                    <table class="table is-striped">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>名称</th>
+                                <th>金额</th>
+                                <th>时间</th>
+                            </tr>
+                        </thead>
+                        {% for record in records %}
+                            <tr>
+                                <td>#{{ record.pk }}</td>
+                                <td>{{ record.good_name }}</td>
+                                <td>{{ record.money }}</td>
+                                <td>{{ record.created_at }}</td>
+                            </tr>
+                        {% empty %}
+                            <h2 class="subtitle">还没有买过东西呢....</h2>
+                        {% endfor %}
+                    </table>
+                </div>
+            </div>
         </div>
-    </div>
-
-</div>
-
-<script>
+        <script>
     var goodList = $("#id-goodlist")
     // 事件委托绑定按钮
     goodList.on('click', '#id-button-pruchase', function (event) {
@@ -129,4 +119,5 @@ <h2 class="subtitle">
             swal(results.title, results.subtitle, results.status)
         })
     })
-</script> {% endblock main %}
\ No newline at end of file
+        </script>
+    {% endblock main %}
diff --git a/templates/web/telegram_login.html b/templates/web/telegram_login.html
index 7617ea9907..1b186b3109 100644
--- a/templates/web/telegram_login.html
+++ b/templates/web/telegram_login.html
@@ -1,33 +1,32 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    第一次需要绑定 Telegram 账号
-                </h1>
-                <h2 class="subtitle">
-                    绑定操作只需要执行一次
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">第一次需要绑定 Telegram 账号</h1>
+                    <h2 class="subtitle">绑定操作只需要执行一次</h2>
+                </div>
+            </section>
+        </div>
+        <div class="column is-12">
+            <div class="box">
+                <form class="form"
+                      action="{% url 'sspanel:telegram_login' %}"
+                      method="post">
+                    {% csrf_token %} {{ form.non_field_errors }}
+                    {% for field in form %}
+                        {{ field.label_tag }} {{ field }}
+                        {{ field.errors }}
+                        {% if field.help_text %}<p class="help is-danger">{{ field.help_text|safe }}</p>{% endif %}
+                    {% endfor %}
+                    <hr>
+                    <div class="field is-grouped is-grouped-multiline">
+                        <p class="control">
+                            <button type="submit" class="button is-danger is-outlined">绑定</button>
+                        </p>
+                    </div>
+                </form>
             </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="box">
-        <form class="form" action="{% url 'sspanel:telegram_login' %}" method="post">
-            {% csrf_token %} {{ form.non_field_errors }} {% for field in form %} {{ field.label_tag }} {{ field }}
-            {{ field.errors }}
-            {% if field.help_text %}
-            <p class="help is-danger">{{ field.help_text|safe }}</p>
-            {% endif %} {% endfor %}
-            <hr>
-            <div class="field is-grouped is-grouped-multiline">
-                <p class="control">
-                    <button type="submit" class="button is-danger is-outlined">绑定</button>
-                </p>
-            </div>
-        </form>
-    </div>
-</div>
-{% endblock main%}
\ No newline at end of file
+        </div>
+    {% endblock main %}
diff --git a/templates/web/ticket_create.html b/templates/web/ticket_create.html
index 180552e004..3ea77a2804 100644
--- a/templates/web/ticket_create.html
+++ b/templates/web/ticket_create.html
@@ -1,48 +1,49 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    提交新工单
-                </h1>
-            </div>
-        </div>
-    </section>
-</div>
-
-<div class="column is-12">
-    <div class="box">
-        <form class="form" method="post">
-            {% csrf_token %}
-
-            <div class="field">
-                <label class="label">标题</label>
-                <div class="control">
-                    <input class="input" name="title" type="text" placeholder="标题" maxlength="32">
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">提交新工单</h1>
                 </div>
             </div>
-
-            <div class="field">
-                <label class="label">正文</label>
-                <div class="control">
-                    <textarea class="textarea" id="id-markdown-body" name="body" type="text" placeholder="正文"
-                        rows="10"></textarea>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <form class="form" method="post">
+                {% csrf_token %}
+                <div class="field">
+                    <label class="label">标题</label>
+                    <div class="control">
+                        <input class="input"
+                               name="title"
+                               type="text"
+                               placeholder="标题"
+                               maxlength="32">
+                    </div>
                 </div>
-            </div>
-
-            <div class="field is-grouped">
-                <div class="control">
-                    <button type="submit" class="button is-link ">确认</button>
+                <div class="field">
+                    <label class="label">正文</label>
+                    <div class="control">
+                        <textarea class="textarea"
+                                  id="id-markdown-body"
+                                  name="body"
+                                  type="text"
+                                  placeholder="正文"
+                                  rows="10"></textarea>
+                    </div>
                 </div>
-
-                <div class="control">
-                    <a class="button is-link is-light" href="{% url 'sspanel:ticket_list' %}">取消</a>
+                <div class="field is-grouped">
+                    <div class="control">
+                        <button type="submit" class="button is-link ">确认</button>
+                    </div>
+                    <div class="control">
+                        <a class="button is-link is-light"
+                           href="{% url 'sspanel:ticket_list' %}">取消</a>
+                    </div>
                 </div>
-            </div>
-
-        </form>
+            </form>
+        </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/ticket_edit.html b/templates/web/ticket_edit.html
index bdb07a0fb5..12d737e737 100644
--- a/templates/web/ticket_edit.html
+++ b/templates/web/ticket_edit.html
@@ -1,86 +1,75 @@
-{% extends 'base.html' %} {% block main %}
-
-<style>
+{% extends 'base.html' %}
+{% block main %}
+    <style>
     .chat-footer {
         font-size: 12px;
         color: #888;
     }
-</style>
-
-
-<div class="column is-12">
-    <section class="hero is-light is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    工单详情
-                </h1>
+    </style>
+    <div class="column is-12">
+        <section class="hero is-light is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">工单详情</h1>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-
-<div class="column is-12 box">
-    <!-- 原始内容 -->
-    <article class="message">
-        <div class="message-header">
-            <p>标题:{{ ticket.title }}</p>
-        </div>
-        <div class="message-body">
-            <div class="control">
-                <textarea class="textarea" rows="{{ ticket_body_line_count }}" readonly>{{ ticket.body }}
-                        </textarea>
+        </section>
+    </div>
+    <div class="column is-12 box">
+        <!-- 原始内容 -->
+        <article class="message">
+            <div class="message-header">
+                <p>标题:{{ ticket.title }}</p>
             </div>
-        </div>
-    </article>
-</div>
-
-<div class="column is-12 box">
-    <!-- 回复记录 -->
-    <div class="columns is-multiline is-mobile">
-        {% for message in ticket_messages %}
-        {% if message.is_staff %}
-        <div class="column is-12">
-            <div class="notification is-info is-light is-pulled-right">
-                <p>{{ message.message }}</p>
-                <div class="chat-footer">
-                    <span>staff:{{ message.user.id }} - {{ message.created_at }}</span>
+            <div class="message-body">
+                <div class="control">
+                    <textarea class="textarea" rows="{{ ticket_body_line_count }}" readonly>{{ ticket.body }}
+                        </textarea>
                 </div>
             </div>
+        </article>
+    </div>
+    <div class="column is-12 box">
+        <!-- 回复记录 -->
+        <div class="columns is-multiline is-mobile">
+            {% for message in ticket_messages %}
+                {% if message.is_staff %}
+                    <div class="column is-12">
+                        <div class="notification is-info is-light is-pulled-right">
+                            <p>{{ message.message }}</p>
+                            <div class="chat-footer">
+                                <span>staff:{{ message.user.id }} - {{ message.created_at }}</span>
+                            </div>
+                        </div>
+                    </div>
+                {% else %}
+                    <div class="column is-12">
+                        <div class="notification is-success is-light is-pulled-left">
+                            <p>{{ message.message }}</p>
+                            <div class="chat-footer">
+                                <span>{{ message.user }} - {{ message.created_at }}</span>
+                            </div>
+                        </div>
+                    </div>
+                {% endif %}
+            {% endfor %}
         </div>
-        {% else %}
-        <div class="column is-12">
-            <div class="notification is-success is-light is-pulled-left">
-                <p>{{ message.message }}</p>
-                <div class="chat-footer">
-                    <span>{{ message.user }} - {{ message.created_at }}</span>
+    </div>
+    <div class="column is-12 box">
+        <!-- 新的回复 -->
+        <form method="post">
+            {% csrf_token %}
+            <div class="field">
+                <label class="label" for="message">追加</label>
+                <div class="control">
+                    <textarea class="textarea" id="message" name="message" rows="3"></textarea>
                 </div>
             </div>
-        </div>
-        {% endif %}
-        {% endfor %}
-    </div>
-</div>
-
-<div class="column is-12 box">
-    <!-- 新的回复 -->
-    <form method="post">
-        {% csrf_token %}
-        <div class="field">
-            <label class="label" for="message">追加</label>
-            <div class="control">
-                <textarea class="textarea" id="message" name="message" rows="3"></textarea>
+            <div class="buttons is-right">
+                <button class="button is-link is-light"
+                        href="{% url 'sspanel:ticket_list' %}">取消</button>
+                <button type="submit" class="button is-link ">确定</button>
             </div>
-        </div>
-
-        <div class="buttons is-right">
-            <button class="button is-link is-light" href="{% url 'sspanel:ticket_list' %}">取消</button>
-            <button type="submit" class="button is-link ">确定</button>
-        </div>
-    </form>
-
-</div>
-
-
-
-{% endblock main %}
\ No newline at end of file
+        </form>
+    </div>
+{% endblock main %}
diff --git a/templates/web/ticket_list.html b/templates/web/ticket_list.html
index 9b5ed6cb9b..daf6a9213c 100644
--- a/templates/web/ticket_list.html
+++ b/templates/web/ticket_list.html
@@ -1,52 +1,50 @@
-{% extends 'base.html' %} {% block main %}
-
-<div class="column is-12">
-    <section class="hero is-success">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    工单系统
-                </h1>
-                <h2 class="subtitle">
-                    3 天无更新的工单将自动关闭 ...
-                </h2>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-success">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">工单系统</h1>
+                    <h2 class="subtitle">3 天无更新的工单将自动关闭 ...</h2>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="box">
+            <div class="content">
+                <p class="subtitle">我的工单:</p>
+                <table class="table is-striped">
+                    <thead>
+                        <tr>
+                            <th>操作</th>
+                            <th>标题</th>
+                            <th>状态</th>
+                            <th>更新时间</th>
+                        </tr>
+                    </thead>
+                    {% for record in ticket %}
+                        <tr>
+                            <td>
+                                <a class="button is-info"
+                                   href="{% url 'sspanel:ticket_detail' record.pk %}">查看</a>
+                                <br>
+                                <a class="button is-danger"
+                                   href="{% url 'sspanel:ticket_delete' record.pk %}">删除</a>
+                            </td>
+                            <td>{{ record.title }}</td>
+                            <td>{{ record.status_with_message_count }}</td>
+                            <td>{{ record.updated_at }}</td>
+                        </tr>
+                    {% empty %}
+                        <h2 class="subtitle">暂时还没提过工单呢</h2>
+                    {% endfor %}
+                </table>
+                <p align="right">
+                    <a class="button is-danger is-outlined"
+                       href="{% url 'sspanel:ticket_create' %}">发起工单</a>
+                </p>
             </div>
-        </div>
-    </section>
-</div>
-
-<div class="column is-12">
-    <div class="box">
-        <div class="content">
-            <p class="subtitle">我的工单:</p>
-            <table class="table is-striped">
-                <thead>
-                    <tr>
-                        <th>操作</th>
-                        <th>标题</th>
-                        <th>状态</th>
-                        <th>更新时间</th>
-                    </tr>
-                </thead>
-
-                {% for record in ticket %}
-                <tr>
-                    <td><a class="button is-info" href="{% url 'sspanel:ticket_detail' record.pk %}">查看</a><br>
-                        <a class="button is-danger" href="{% url 'sspanel:ticket_delete' record.pk %}">删除</a>
-                    </td>
-                    <td>{{ record.title }}</td>
-                    <td>{{ record.status_with_message_count }}</td>
-                    <td>{{ record.updated_at }}</td>
-                </tr>
-                {% empty %}
-                <h2 class="subtitle">
-                    暂时还没提过工单呢
-                </h2>
-                {% endfor %}
-            </table>
-            <p align="right"><a class="button is-danger is-outlined" href="{% url 'sspanel:ticket_create' %}">发起工单</a>
-            </p>
         </div>
     </div>
-</div>
-{% endblock main %}
\ No newline at end of file
+{% endblock main %}
diff --git a/templates/web/user_info.html b/templates/web/user_info.html
index 87f945de89..90d9d3faef 100644
--- a/templates/web/user_info.html
+++ b/templates/web/user_info.html
@@ -1,312 +1,315 @@
-{% extends 'base.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    用户中心
-                </h1>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">用户中心</h1>
+                </div>
             </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <div class="tile is-ancestor">
-
-        <div class="tile is-vertical is-parent">
-            <div class="tile box is-child">
-                <p class="title">
-                    <span class="icon is-large">
-                        <i class="fa fa-home"></i>
-                    </span> 欢迎小主: {{ user.username }}
-                </p>
-                <button class="button is-rounded">
-                    <a href="{% url 'sspanel:logout' %}">注销登录</a>
-                </button>
-                <button class="button is-rounded">
-                    <a href="{% url 'password_change' %}">修改密码</a>
-                </button>
-                <hr>
-                <div class="field is-grouped is-grouped-multiline">
-                    <div class="control has-icons-left">
-                        <div class="select is-rounded is-fullwidth is-info ">
-                            <select name="selects">
-                                <option value="" disabled="" selected="">更换页面主题</option>
-                                <option disabled="">───</option>
-                                {% for theme in themes %}
-                                <option value="{{ theme.0 }}">{{ theme.1 }}</option>
-                                {% endfor %}
-                            </select>
-                        </div>
-                        <div class="icon is-small is-left">
-                            <i class="fa fa-torah"></i>
-                        </div>
-                    </div>
-                    <p class="control">
-                        <button class="button is-outlined is-info is-rounded" id="id-button-theme">提交</button>
+        </section>
+    </div>
+    <div class="column is-12">
+        <div class="tile is-ancestor">
+            <div class="tile is-vertical is-parent">
+                <div class="tile box is-child">
+                    <p class="title">
+                        <span class="icon is-large">
+                            <i class="fa fa-home"></i>
+                        </span> 欢迎小主: {{ user.username }}
                     </p>
-                </div>
-                <div class="field is-grouped is-grouped-multiline">
-                    <div class="control has-icons-left">
-                        <input name="num" class="input is-rounded" placeholder="更换连接密码" id="id-password">
-                        <div class="icon is-small is-left">
-                            <i class="fa fa-key"></i>
+                    <button class="button is-rounded">
+                        <a href="{% url 'sspanel:logout' %}">注销登录</a>
+                    </button>
+                    <button class="button is-rounded">
+                        <a href="{% url 'password_change' %}">修改密码</a>
+                    </button>
+                    <hr>
+                    <div class="field is-grouped is-grouped-multiline">
+                        <div class="control has-icons-left">
+                            <div class="select is-rounded is-fullwidth is-info ">
+                                <select name="selects">
+                                    <option value="" disabled="" selected="">更换页面主题</option>
+                                    <option disabled="">───</option>
+                                    {% for theme in themes %}<option value="{{ theme.0 }}">{{ theme.1 }}</option>{% endfor %}
+                                </select>
+                            </div>
+                            <div class="icon is-small is-left">
+                                <i class="fa fa-torah"></i>
+                            </div>
                         </div>
+                        <p class="control">
+                            <button class="button is-outlined is-info is-rounded" id="id-button-theme">提交</button>
+                        </p>
                     </div>
-                    <p class="control">
-                        <button class="button is-outlined is-primary is-rounded" id="id-button-password">提交</button>
-                    </p>
-                </div>
-                <hr>
-                <div id="id-checkin-box">
-                    {% if user.today_is_checkin %}
-                    <p class="subtitle is-5 is-spaced">今天已经签到过了ಠ౪ಠ</p>
-                    {% else %}
-                    <p class="subtitle is-5 is-spaced">今天还没有签到，点一下可以获得{{ min_traffic }}~{{ max_traffic }}流量</p>
-                    <br>
-                    <button class="button">
-                        <a>
-                            <span id="id-checkin">签到</span>
-                        </a>
-                    </button>
-                    {% endif %}
-                </div>
-            </div>
-
-            <div class="tile box is-child">
-                <article class="message">
-                    <div class="message-header">
-                        <p>最新公告</p>
+                    <div class="field is-grouped is-grouped-multiline">
+                        <div class="control has-icons-left">
+                            <input name="num"
+                                   class="input is-rounded"
+                                   placeholder="更换连接密码"
+                                   id="id-password">
+                            <div class="icon is-small is-left">
+                                <i class="fa fa-key"></i>
+                            </div>
+                        </div>
+                        <p class="control">
+                            <button class="button is-outlined is-primary is-rounded"
+                                    id="id-button-password">提交</button>
+                        </p>
                     </div>
-                    <div class="message-body">
-                        {% if anno %} {{ anno.body | safe }} {% else %}
-                        <p>暂无公告</p>
+                    <hr>
+                    <div id="id-checkin-box">
+                        {% if user.today_is_checkin %}
+                            <p class="subtitle is-5 is-spaced">今天已经签到过了ಠ౪ಠ</p>
+                        {% else %}
+                            <p class="subtitle is-5 is-spaced">今天还没有签到，点一下可以获得{{ min_traffic }}~{{ max_traffic }}流量</p>
+                            <br>
+                            <button class="button">
+                                <a>
+                                    <span id="id-checkin">签到</span>
+                                </a>
+                            </button>
                         {% endif %}
                     </div>
-                </article>
-            </div>
-        </div>
-
-        <div class="tile is-7 is-vertical is-parent">
-
-
-            <div class="tile is-child box">
-                <div class="block">
-                    <h1 class="title">订阅地址</h1>
-                    <h2 class="subtitle">导入订阅地址到您的应用以完成订阅</h2>
                 </div>
-
-                <div class="block">
-                    <div class="block">
-                        <div class="icon-text">
-                            <span class="icon has-text-info">
-                                <i class="fas fa-info-circle"></i>
-                            </span>
-                            <span>1. 选择协议</span>
-                        </div>
-
-
-                        <div class="dropdown">
-                            <div class="dropdown-trigger">
-                                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu3">
-                                    <div class="icon is-small is-left">
-                                        <i class="fas fa-globe"></i>
-                                    </div>
-                                    <span class="display-content">默认获取所有协议</span>
-                                    <span class="icon is-small">
-                                        <i class="fas fa-angle-down" aria-hidden="true"></i>
-                                    </span>
-                                </button>
-                            </div>
-
-                            <div class="dropdown-menu" id="dropdown-menu3" role="menu">
-                                <div class="dropdown-content">
-                                    {% for node_type in active_node_types %}
-                                    <a class="dropdown-item" data-display="{{ node_type }}" data-query="protocol">
-                                        <strong>{{ node_type }}</strong>
-                                    </a>
-                                    {% endfor %}
-                                </div>
-                            </div>
+                <div class="tile box is-child">
+                    <article class="message">
+                        <div class="message-header">
+                            <p>最新公告</p>
                         </div>
-
-                        <div class="content is-small">
-                            <li>选择一个你客户端支持的协议</li>
+                        <div class="message-body">
+                            {% if anno %}
+                                {{ anno.body | safe }}
+                            {% else %}
+                                <p>暂无公告</p>
+                            {% endif %}
                         </div>
+                    </article>
+                </div>
+            </div>
+            <div class="tile is-7 is-vertical is-parent">
+                <div class="tile is-child box">
+                    <div class="block">
+                        <h1 class="title">订阅地址</h1>
+                        <h2 class="subtitle">导入订阅地址到您的应用以完成订阅</h2>
                     </div>
-
                     <div class="block">
-                        <div class="icon-text">
-                            <span class="icon has-text-success">
-                                <i class="fas fa-check-square"></i>
-                            </span>
-                            <span>2. 选择客户端</span>
-                        </div>
-
-                        <div class="dropdown">
-                            <div class="dropdown-trigger">
-                                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu3">
-                                    <div class="icon is-small is-left">
-                                        <i class="fas  fa-desktop"></i>
-                                    </div>
-                                    <span class="display-content">默认使用 clash</span>
-                                    <span class="icon is-small">
-                                        <i class="fas fa-angle-down" aria-hidden="true"></i>
-                                    </span>
-                                </button>
+                        <div class="block">
+                            <div class="icon-text">
+                                <span class="icon has-text-info">
+                                    <i class="fas fa-info-circle"></i>
+                                </span>
+                                <span>1. 选择协议</span>
                             </div>
-                            <div class="dropdown-menu" id="dropdown-menu3" role="menu">
-                                <div class="dropdown-content">
-
-                                    <a class="dropdown-item" data-display="clash" data-query="client">
-                                        <div class="icon is-small is-left">
-                                            <i class="fas  fa-cat"></i>
-                                        </div>
-                                        <strong>clash</strong>
-                                    </a>
-
-                                    <a class="dropdown-item" data-display="clash_premium" data-query="client">
+                            <div class="dropdown">
+                                <div class="dropdown-trigger">
+                                    <button class="button" aria-haspopup="true" aria-controls="dropdown-menu3">
                                         <div class="icon is-small is-left">
-                                            <i class="fas  fa-cat"></i>
+                                            <i class="fas fa-globe"></i>
                                         </div>
-                                        <strong>clash premium</strong>
-                                    </a>
-
-                                    <a class="dropdown-item" data-display="clash_proxy_provider" data-query="client">
-                                        <div class="icon is-small is-left">
-                                            <i class="fas  fa-cat"></i>
-                                        </div>
-                                        <strong>clash proxy provider</strong>
-                                    </a>
-
-                                    <a class="dropdown-item" data-display="shadowrocket" data-query="client">
+                                        <span class="display-content">默认获取所有协议</span>
+                                        <span class="icon is-small">
+                                            <i class="fas fa-angle-down" aria-hidden="true"></i>
+                                        </span>
+                                    </button>
+                                </div>
+                                <div class="dropdown-menu" id="dropdown-menu3" role="menu">
+                                    <div class="dropdown-content">
+                                        {% for node_type in active_node_types %}
+                                            <a class="dropdown-item"
+                                               data-display="{{ node_type }}"
+                                               data-query="protocol">
+                                                <strong>{{ node_type }}</strong>
+                                            </a>
+                                        {% endfor %}
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="content is-small">
+                                <li>选择一个你客户端支持的协议</li>
+                            </div>
+                        </div>
+                        <div class="block">
+                            <div class="icon-text">
+                                <span class="icon has-text-success">
+                                    <i class="fas fa-check-square"></i>
+                                </span>
+                                <span>2. 选择客户端</span>
+                            </div>
+                            <div class="dropdown">
+                                <div class="dropdown-trigger">
+                                    <button class="button" aria-haspopup="true" aria-controls="dropdown-menu3">
                                         <div class="icon is-small is-left">
-                                            <i class="fa fa-rocket"></i>
+                                            <i class="fas  fa-desktop"></i>
                                         </div>
-                                        <strong>shadowrocket</strong>
-                                    </a>
+                                        <span class="display-content">默认使用 clash</span>
+                                        <span class="icon is-small">
+                                            <i class="fas fa-angle-down" aria-hidden="true"></i>
+                                        </span>
+                                    </button>
+                                </div>
+                                <div class="dropdown-menu" id="dropdown-menu3" role="menu">
+                                    <div class="dropdown-content">
+                                        <a class="dropdown-item" data-display="clash" data-query="client">
+                                            <div class="icon is-small is-left">
+                                                <i class="fas  fa-cat"></i>
+                                            </div>
+                                            <strong>clash</strong>
+                                        </a>
+                                        <a class="dropdown-item"
+                                           data-display="clash_premium"
+                                           data-query="client">
+                                            <div class="icon is-small is-left">
+                                                <i class="fas  fa-cat"></i>
+                                            </div>
+                                            <strong>clash premium</strong>
+                                        </a>
+                                        <a class="dropdown-item"
+                                           data-display="clash_proxy_provider"
+                                           data-query="client">
+                                            <div class="icon is-small is-left">
+                                                <i class="fas  fa-cat"></i>
+                                            </div>
+                                            <strong>clash proxy provider</strong>
+                                        </a>
+                                        <a class="dropdown-item" data-display="shadowrocket" data-query="client">
+                                            <div class="icon is-small is-left">
+                                                <i class="fa fa-rocket"></i>
+                                            </div>
+                                            <strong>shadowrocket</strong>
+                                        </a>
+                                    </div>
                                 </div>
                             </div>
+                            <div class="content is-small">
+                                <li>推荐使用 clash 作为客户端</li>
+                            </div>
                         </div>
-                        <div class="content is-small">
-                            <li>推荐使用 clash 作为客户端</li>
-                        </div>
-                    </div>
-
-                    <div class="block">
-                        <div class="icon-text">
-                            <span class="icon has-text-warning">
-                                <i class="fas fa-exclamation-triangle"></i>
-                            </span>
-                            <span>3. 复制订阅地址</span>
-                        </div>
-                        <div class="field is-grouped is-grouped-multiline">
-                            <p class="control is-expanded">
-                                <input class="input" id="id-sub-link" value="{{ sub_link }}">
-                            </p>
-                            <p class="control">
-                                <a class="button is-rounded" id="id-button-clip" data-clipboard-target="#id-sub-link">
-                                    <i class="fa fa-clipboard" aria-hidden="true"></i>
-                                </a>
-                            </p>
-                        </div>
-                        <div class="content is-small">
-                            <li>请不要泄露给他人！</li>
+                        <div class="block">
+                            <div class="icon-text">
+                                <span class="icon has-text-warning">
+                                    <i class="fas fa-exclamation-triangle"></i>
+                                </span>
+                                <span>3. 复制订阅地址</span>
+                            </div>
+                            <div class="field is-grouped is-grouped-multiline">
+                                <p class="control is-expanded">
+                                    <input class="input" id="id-sub-link" value="{{ sub_link }}">
+                                </p>
+                                <p class="control">
+                                    <a class="button is-rounded"
+                                       id="id-button-clip"
+                                       data-clipboard-target="#id-sub-link">
+                                        <i class="fa fa-clipboard" aria-hidden="true"></i>
+                                    </a>
+                                </p>
+                            </div>
+                            <div class="content is-small">
+                                <li>请不要泄露给他人！</li>
+                            </div>
+                            <button class="button is-danger is-fullwidth is-outlined is-rounded"
+                                    id="id-reset-sub-link">重置订阅链接</button>
                         </div>
-                        <button class="button is-danger is-fullwidth is-outlined is-rounded" id="id-reset-sub-link">
-                            重置订阅链接
-                        </button>
+                        <span class="copied" hidden="true">Copied!</span>
                     </div>
-                    <span class="copied" hidden="true">Copied!</span>
-
                 </div>
-            </div>
-
-            <div class="tile box is-child">
-                <article class="message is-info">
-                    <div class="message-header">
-                        <p>个人信息</p>
-                    </div>
-                    <div class="message-body">
-                        <div class="box">
-                            <li>余额:
-                                <code>{{ user.balance }} 元</code>
-                            </li>
-                            <li>等级:
-                                <code>{{ user.level }} 级 </code>
-                            </li>
-                            {% if active_node_count <= 0 %} <li>状态:
-                                <code>已失效(购买后使用)</code>
+                <div class="tile box is-child">
+                    <article class="message is-info">
+                        <div class="message-header">
+                            <p>个人信息</p>
+                        </div>
+                        <div class="message-body">
+                            <div class="box">
+                                <li>
+                                    余额:
+                                    <code>{{ user.balance }} 元</code>
                                 </li>
-                                {% else %}
-                                <li>状态:
-                                    <code>正常使用(可用节点{{active_node_count}}条)</code>
+                                <li>
+                                    等级:
+                                    <code>{{ user.level }} 级 </code>
                                 </li>
+                                {% if active_node_count <= 0 %}
+                                    <li>
+                                        状态:
+                                        <code>已失效(购买后使用)</code>
+                                    </li>
+                                {% else %}
+                                    <li>
+                                        状态:
+                                        <code>正常使用(可用节点{{ active_node_count }}条)</code>
+                                    </li>
                                 {% endif %}
-                                <li>主题:
+                                <li>
+                                    主题:
                                     <code>{{ user.theme }} </code>
                                 </li>
-                                <li>邮箱:
+                                <li>
+                                    邮箱:
                                     <code>{{ user.email }} </code>
                                 </li>
-                                <li>连接密码:
+                                <li>
+                                    连接密码:
                                     <code>{{ user.proxy_password }}</code>
                                 </li>
-                                <li>到期时间:
+                                <li>
+                                    到期时间:
                                     <code>{{ user.level_expire_time }} </code>
                                 </li>
-                                <li>上次使用时间:
-                                    <code>{{ user.last_use_time}}</code>
+                                <li>
+                                    上次使用时间:
+                                    <code>{{ user.last_use_time }}</code>
                                 </li>
                                 {% for usp in usp_list %}
-                                <li>{{ usp.platform }}用户名:
-                                    <code>{{ usp.platform_username }}</code>
-                                </li>
-                                {% endfor %}
-                        </div>
-
-                        <div class="box">
-                            <div class="columns">
-                                <div class="column">
-                                    <li>总量:
-                                        <code>{{ user.human_total_traffic }}</code>
+                                    <li>
+                                        {{ usp.platform }}用户名:
+                                        <code>{{ usp.platform_username }}</code>
                                     </li>
-                                </div>
-                                <div class="column">
-                                    <progress class="progress is-success" value="100" max="100"></progress>
-                                </div>
+                                {% endfor %}
                             </div>
-                            <div class="columns">
-                                <div class="column">
-                                    <li>剩余:
-                                        <code>{{ user.human_remain_traffic }} </code>
-                                    </li>
-                                </div>
-                                <div class="column">
-                                    <progress class="progress is-info" value="{{ user.remain_percentage }}"
-                                        max="100"></progress>
+                            <div class="box">
+                                <div class="columns">
+                                    <div class="column">
+                                        <li>
+                                            总量:
+                                            <code>{{ user.human_total_traffic }}</code>
+                                        </li>
+                                    </div>
+                                    <div class="column">
+                                        <progress class="progress is-success" value="100" max="100"></progress>
+                                    </div>
                                 </div>
-                            </div>
-                            <div class="columns">
-                                <div class="column">
-                                    <li>使用:
-                                        <code>{{ user.human_used_traffic }}</code>
-                                    </li>
+                                <div class="columns">
+                                    <div class="column">
+                                        <li>
+                                            剩余:
+                                            <code>{{ user.human_remain_traffic }} </code>
+                                        </li>
+                                    </div>
+                                    <div class="column">
+                                        <progress class="progress is-info"
+                                                  value="{{ user.remain_percentage }}"
+                                                  max="100"></progress>
+                                    </div>
                                 </div>
-                                <div class="column">
-                                    <progress class="progress is-danger" value="{{ user.used_percentage }}"
-                                        max="100"></progress>
+                                <div class="columns">
+                                    <div class="column">
+                                        <li>
+                                            使用:
+                                            <code>{{ user.human_used_traffic }}</code>
+                                        </li>
+                                    </div>
+                                    <div class="column">
+                                        <progress class="progress is-danger"
+                                                  value="{{ user.used_percentage }}"
+                                                  max="100"></progress>
+                                    </div>
                                 </div>
-                            </div>
-                </article>
+                            </article>
+                        </div>
+                    </div>
+                </div>
             </div>
-
-
-        </div>
-    </div>
-</div>
-
-<script>
+            <script>
     // 点击复制
     var clip = new Clipboard('#id-button-clip');
     clip.on('success', function (e) {
@@ -403,4 +406,5 @@ <h2 class="subtitle">导入订阅地址到您的应用以完成订阅</h2>
     }
     restSubButton.click(restSubButtonReq)
 
-</script> {% endblock main %}
\ No newline at end of file
+            </script>
+        {% endblock main %}
diff --git a/templates/web/user_traffic_log.html b/templates/web/user_traffic_log.html
index 4703d2b2e6..afad158bc0 100644
--- a/templates/web/user_traffic_log.html
+++ b/templates/web/user_traffic_log.html
@@ -1,50 +1,50 @@
-{% extends 'base.html' %} {% block main %}
-<div class="column is-12">
-    <section class="hero is-info is-smaill">
-        <div class="hero-body">
-            <div class="container">
-                <h1 class="title">
-                    流量记录
-                </h1>
-            </div>
-        </div>
-    </section>
-</div>
-<div class="column is-12">
-    <nav class="level box ">
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">用户名:</p>
-                <p class="title">{{ user }}</p>
+{% extends 'base.html' %}
+{% block main %}
+    <div class="column is-12">
+        <section class="hero is-info is-smaill">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">流量记录</h1>
+                </div>
             </div>
-        </div>
-        <div class="level-item has-text-centered">
-            <div>
-                <p class="heading">使用流量：</p>
-                <p class="title">{{ user.human_used_traffic }}</p>
+        </section>
+    </div>
+    <div class="column is-12">
+        <nav class="level box ">
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">用户名:</p>
+                    <p class="title">{{ user }}</p>
+                </div>
             </div>
-        </div>
-    </nav>
-    <div class="box">
-        <p class="subtitle">选择节点获取流量记录：</p>
-        <div class="field has-addons">
-            <div class="control">
-                <div class="select">
-                    <select id="id-select-nodes" name="nodes">
-                        {% for node in node_list %}
-                        <option node-id={{ node.id }}>{{ node.name }}</option>
-                        {% endfor %}
-                    </select>
+            <div class="level-item has-text-centered">
+                <div>
+                    <p class="heading">使用流量：</p>
+                    <p class="title">{{ user.human_used_traffic }}</p>
                 </div>
             </div>
-            <div class="control">
-                <button id="id-button-query" class="button is-outlined is-info">查询</button>
+        </nav>
+        <div class="box">
+            <p class="subtitle">选择节点获取流量记录：</p>
+            <div class="field has-addons">
+                <div class="control">
+                    <div class="select">
+                        <select id="id-select-nodes" name="nodes">
+                            {% for node in node_list %}
+                                <option node-id={{ node.id }}>{{ node.name }}
+                                </option>
+                            {% endfor %}
+                        </select>
+                    </div>
+                </div>
+                <div class="control">
+                    <button id="id-button-query" class="button is-outlined is-info">查询</button>
+                </div>
             </div>
+            <canvas id="traffic" width="auto" height="auto"></canvas>
         </div>
-        <canvas id="traffic" width="auto" height="auto"></canvas>
     </div>
-</div>
-<script>
+    <script>
     // 流量记录查询部分
     queryButton = $("#id-button-query")
     var traffic_query = function () {
@@ -58,4 +58,5 @@ <h1 class="title">
         })
     }
     queryButton.click(traffic_query)
-</script> {% endblock main %}
\ No newline at end of file
+    </script>
+{% endblock main %}