diff --git a/index-beta.html b/index-beta.html
deleted file mode 100644
index 8d92a11..0000000
--- a/index-beta.html
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
-
-
-
- Akeno-Misaki WAF
-
-
-
-
-
-
-
-

-
阳炎型航洋舰“晴風”来电
-
您的船只被海上安全整备局标记禁止通行
-
很抱歉,您被禁止访问
-
返回
-
-
-
-
-
\ No newline at end of file
diff --git a/new_index_page.html b/new_index_page.html
new file mode 100644
index 0000000..8c1904a
--- /dev/null
+++ b/new_index_page.html
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+ Akeno-Misaki WAF
+
+
+
+
+
+
+
+
+
+
+
+
Powered By
+
Akeno Misaki
+
+
+
+
+
+

+
阳炎型航洋舰“晴風”来电
+
晴風号即将启航
+
站点创建成功,请修改您的内容
+
+
返回
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/old_page_waf.html b/old_page_waf.html
new file mode 100644
index 0000000..363ff7b
--- /dev/null
+++ b/old_page_waf.html
@@ -0,0 +1,143 @@
+
+
+
+
+
+ 站点维护中!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
站点维护呐(。・∀・)ノ
+
+ 咱们正在维护该服务! ( ̄へ ̄)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/css/404style_auto.css b/static/css/404style_auto.css
new file mode 100644
index 0000000..4d203e3
--- /dev/null
+++ b/static/css/404style_auto.css
@@ -0,0 +1,298 @@
+html.dark{
+ animation: addDarkMode .2s ease;
+ filter: invert(100%) hue-rotate(180deg);
+}
+
+.dark-bg{
+ filter: invert(100%) hue-rotate(180deg) brightness(105%);
+}
+
+html.light {
+ animation: removeDarkMode .2s ease;
+}
+*{
+ margin: 0px;
+ padding: 0px;
+}
+html, body, section {
+ margin: 0;
+ padding: 0;
+ /* 字体Noto Serif */
+ font-family: "Noto Serif", serif;
+ overflow: hidden;
+
+}
+
+/* loading start */
+#loading {
+ position: fixed;
+ top: 0px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 10000;
+ background-color: #fff;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flex;
+ display: -o-flex;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+img[data-v-loadimg1]{
+ width: 140px;
+ height: 140px;
+ overflow:hidden;
+}
+
+img[data-v-loadimg2]{
+ width: 1.5rem;
+ height: 1.5rem;
+ overflow:hidden;
+}
+
+img[data-v-loadimg3]{
+ position: absolute;
+ left: 50%;
+ bottom: 4%;
+ transform: translate(-50%);
+ width: 140px;
+}
+
+
+@keyframes loadingA {
+ from {}
+ to {
+ transform: rotate(360deg);
+ }
+}
+/* loading end */
+
+.left-font{
+ margin:35px;
+}
+
+.left-font article h1{
+ font-size: 2.25rem;
+}
+
+.text-black{
+ text-align: left;
+}
+
+p {
+ line-height: 1.625;
+ font-weight: 300;
+ font-size: 1rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+
+body {
+ color: #7b809a;
+ text-align: center;
+ line-height: 1.6;
+}
+
+div{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ flex-wrap: nowrap;
+}
+
+h1 {
+ font-size: 2.25rem;
+ text-align: left;
+ margin: 0;
+}
+
+.sub-header{
+ font-size: 12px;
+ color: #3d3d3d;
+ line-height: 1.35;
+ margin: 5px 0;
+ text-align: left;
+}
+
+a {
+ letter-spacing: 0rem;
+ color: #344767;
+ text-decoration:none;
+}
+
+a[data-v-154241]{
+ content: "/";
+ margin: 0 .5em;
+ background-color: transparent;
+}
+
+[data-v-154241], [data-v-154241]::before, [data-v-154241]::after {
+ border-width: 0;
+ border-style: solid;
+ border-color: #dae1e7;
+}
+
+.sub-header::after{
+ border-width: 0;
+ border-style: solid;
+ border-color: #dae1e7;
+}
+
+.w-full[data-v-91f7ba14] {
+ width: 100%;
+}
+
+.h-2[data-v-91f7ba14] {
+ height: .18rem;
+}
+
+.w-full[data-v-91f7ba14] {
+ background-color: #ddd;
+ height: .18rem;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+ol, ul, dl, li {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ padding: 0;
+ list-style: none;
+ text-align: left;
+ color: #3d3d3d;
+ font-size: 10px;
+ display: inline;
+ /* 加粗 */
+ font-weight: 600;
+}
+
+li[data-v-91f7ba14]:first-child::before {
+ content: none;
+}
+
+li[data-v-91f7ba14]::before {
+ content: "•";
+ margin: 0 .5em;
+ background-color: transparent;
+}
+
+.container {
+ height: 100vh;
+ display: flex;
+}
+
+.left_box{
+ background: #fff;
+ flex-grow: 0.5;
+}
+
+article{
+ align-items: center;
+}
+
+/* 上下各一半 */
+
+@media screen and (max-width: 1313px) {
+ .container {
+ flex-direction: column-reverse;
+ height: 100vh;
+ }
+
+ .left-half,
+ .right-half {
+ flex: 1;
+ height: 50%;
+ background-size: cover;
+ background-position: center;
+ }
+}
+
+#msg{
+ position: fixed;
+ z-index:999;
+ top: 49%;
+ margin-top:-80px;
+ left:50%;
+ margin-left:-133px;
+ background:#fff;
+ box-shadow:5px 5px 18px #000000;
+ font-size:17px;
+ color:#666;
+ border:1px solid #ffffff;
+ text-align: center;
+ line-height: 2rem;
+ display:inline-block;
+ padding-bottom:20px;
+ border-radius:10px;
+}
+
+#msg_top{
+ background:#f8f8f8;
+ padding:5px 15px 5px 20px;
+ text-align:left;
+ border-radius: 10px 10px 0px 0px;
+}
+#msg_top span{
+ font-size:22px;
+ float:right;
+ cursor:pointer;
+}
+#msg_cont{
+ padding:15px 20px 20px;
+ text-align:left;
+}
+#msg_confirm{
+ display:inline-block;
+ color:#fff;
+ padding:1px 15px;
+ background:#2ea9df;
+ border-radius:2px;
+ float:right;
+ margin-right:15px;
+ cursor:pointer;
+}
+
+#msg_Disconnect{
+ display:inline-block;
+ color:#fff;
+ padding:1px 15px;
+ background:#df2e2e;
+ border-radius:2px;
+ float:right;
+ margin-right:15px;
+ cursor:pointer;
+}
+
+.fadeIn {
+ -webkit-animation: fadeInDown .3s;
+ animation: fadeInDown .3s;
+}
+
+@keyframes fadeInDown {
+ 0% {
+ -webkit-transform: translate3d(0, -20%, 0);
+ -webkit-transform: translate3d(0, -20%, 0);
+ transform: translate3d(0, -20%, 0);
+ transform: translate3d(0, -20%, 0);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeInDown {
+ 0% {
+ -webkit-transform: translate3d(0, -20%, 0);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: none;
+ opacity: 1;
+ }
+}
\ No newline at end of file
diff --git a/static/css/waf-file.css b/static/css/waf-file.css
index 4c57463..d003307 100644
--- a/static/css/waf-file.css
+++ b/static/css/waf-file.css
@@ -1,3 +1,102 @@
+/* loading start */
+#loading {
+ position: fixed;
+ top: 0px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 10000;
+ background-color: #084db5;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flex;
+ display: -o-flex;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+#boxlogo{
+ max-width: 360px;
+ max-height: 143.5px;
+}
+img[data-v-loadimg1]{
+ width: 140px;
+ height: 140px;
+ overflow:hidden;
+}
+img[data-v-loadimg2]{
+ width: 1.5rem;
+ height: 1.5rem;
+ overflow:hidden;
+}
+img[data-v-loadimg3]{
+ position: absolute;
+ left: 50%;
+ bottom: 4%;
+ transform: translate(-50%);
+ width: 140px;
+}
+.fl{
+ float: left;
+}
+.ml2e{
+ margin-left: 2em;
+}
+.margin_top_3em{
+ margin-top: 3em;
+ margin-bottom: 2em;
+}
+.clf{
+ color: #fff;
+}
+.opcy0{
+ opacity: 0;
+}
+.opcy1{
+ opacity: 1;
+ animation: fadeIn 1s forwards;
+}
+.disable{
+ animation: fadeOut 1s forwards;
+}
+.logomove{
+ margin-left: 0;
+ animation: moveleft 1s forwards;
+}
+/* 渐出动画 */
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+/* 渐入动画 */
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+/* 移动动画 */
+@keyframes moveleft {
+ 0% {
+ margin-left: 110px;
+ }
+ 100% {
+ margin-left: 0; }
+}
+#RTXT p {
+ font-family: "微软雅黑";
+ font-weight: 700;
+}
+/* loading end */
+
+
body {
font-size: 12px;
background: #fff;
@@ -35,7 +134,7 @@ li {
.hanasaki {
padding-top: 180px;
- padding-bottom: 112px
+ padding-bottom: 80px;
}
.container {
@@ -242,12 +341,11 @@ li {
}
}
-#footer_text {
+#footer_text p {
font-size: 14px;
color: #666666;
letter-spacing: 1px;
text-align: center;
- padding-bottom: 35px;
font-weight: bold;
}