新增页码跳转；修复异常；优化效果

templates/assets/css/main.css

@@ -1446,13 +1446,25 @@ a.close_local {
 #pagination,
 #p_pagination,
 #prev_pagination {
-    padding: 30px;
+    padding: 18px 10px;
     text-align: center;
     display: flex;
     justify-content: center;
     border-top: 1px solid var(--pix-background);
 }
 
+#t_pagination .post-paging,
+#pagination .post-paging,
+#p_pagination .post-paging,
+#prev_pagination .post-paging {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 15px;
+    width: 100%;
+}
+
 #t_pagination a,
 #pagination a,
 #p_pagination a,
@@ -1464,6 +1476,137 @@ a.close_local {
     display: flex;
 }
 
+#t_pagination .page-jump-form,
+#pagination .page-jump-form,
+#p_pagination .page-jump-form {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    color: #7aa1a1;
+    font-size: 15px;
+    line-height: 1;
+}
+
+#t_pagination .page-jump-input,
+#pagination .page-jump-input,
+#p_pagination .page-jump-input {
+    width: 48px;
+    height: 30px;
+    padding: 0 4px;
+    border: 1px solid var(--pix-background);
+    border-radius: 0;
+    background: #fff;
+    color: #55716a;
+    font-size: 15px;
+    line-height: 30px;
+    text-align: center;
+    box-sizing: border-box;
+    -moz-appearance: textfield;
+}
+
+#t_pagination .page-jump-input-wrap,
+#pagination .page-jump-input-wrap,
+#p_pagination .page-jump-input-wrap {
+    display: inline-flex;
+    height: 30px;
+    align-items: stretch;
+    flex: 0 0 auto;
+}
+
+#t_pagination .page-jump-step,
+#pagination .page-jump-step,
+#p_pagination .page-jump-step {
+    width: 18px;
+    height: 30px;
+    flex: 0 0 18px;
+    padding: 0;
+    border: 1px solid var(--pix-background);
+    border-radius: 0;
+    background: #e8f5ed;
+    color: var(--pix-theme);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    line-height: 1;
+    font-family: inherit;
+    transition: background-color .2s ease, color .2s ease, opacity .2s ease;
+}
+
+#t_pagination .page-jump-step-down,
+#pagination .page-jump-step-down,
+#p_pagination .page-jump-step-down {
+    border-right: 0;
+    border-radius: 4px 0 0 4px;
+}
+
+#t_pagination .page-jump-step-up,
+#pagination .page-jump-step-up,
+#p_pagination .page-jump-step-up {
+    border-left: 0;
+    border-radius: 0 4px 4px 0;
+}
+
+#t_pagination .page-jump-step:hover:not(:disabled),
+#pagination .page-jump-step:hover:not(:disabled),
+#p_pagination .page-jump-step:hover:not(:disabled) {
+    background: var(--pix-theme);
+    color: #fff;
+}
+
+#t_pagination .page-jump-step:disabled,
+#pagination .page-jump-step:disabled,
+#p_pagination .page-jump-step:disabled {
+    opacity: .35;
+    cursor: not-allowed;
+}
+
+#t_pagination .page-jump-step i,
+#pagination .page-jump-step i,
+#p_pagination .page-jump-step i {
+    font-size: 12px;
+}
+
+#t_pagination .page-jump-input:focus,
+#pagination .page-jump-input:focus,
+#p_pagination .page-jump-input:focus {
+    border-color: var(--pix-theme);
+}
+
+#t_pagination .page-jump-input::-webkit-inner-spin-button,
+#t_pagination .page-jump-input::-webkit-outer-spin-button,
+#pagination .page-jump-input::-webkit-inner-spin-button,
+#pagination .page-jump-input::-webkit-outer-spin-button,
+#p_pagination .page-jump-input::-webkit-inner-spin-button,
+#p_pagination .page-jump-input::-webkit-outer-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+    appearance: none;
+}
+
+#t_pagination .page-jump-submit,
+#pagination .page-jump-submit,
+#p_pagination .page-jump-submit {
+    width: 30px;
+    height: 30px;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: var(--pix-theme);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+#t_pagination .page-jump-submit i,
+#pagination .page-jump-submit i,
+#p_pagination .page-jump-submit i {
+    font-size: 20px;
+}
+
 #prev_pagination {
     overflow: hidden;
     max-height: 0;
@@ -5599,7 +5742,7 @@ a.m_loop {
     width: 330px;
     padding: 5px;
     border-radius: 5px;
-    min-height: 450px;
+    max-height: 450px;
 }
 
 .poster_box .loading_box {