diff --git a/archive.php b/archive.php
index 3ca4bd8..91ca0d8 100644
--- a/archive.php
+++ b/archive.php
@@ -46,23 +46,24 @@
     </article>  
     <?php endwhile; ?>     
 </main>
-    <?php
-            $this->pagenav(
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" fill="var(--main)"></path></svg>',
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z" fill="var(--main)"></path></svg>',
+<?php
+            $this->pageNav(
+                ' ',
+                ' ',
                 1,
                 '...',
                 array(
-                    'wrapTag' => 'div',
-                    'wrapClass' => 'pagination_page',
+                    'wrapTag' => 'nav',
+                    'wrapClass' => 'nav-links nav-links__comment',
                     'itemTag' => '',
-                    'textTag' => 'a',
-                    'currentClass' => 'active',
-                    'prevClass' => 'prev',
-                    'nextClass' => 'next'
+                    'textTag' => 'span',
+                    'itemClass'   => 'page-numbers', 
+                    'currentClass' => 'page-numbers current',
+                    'prevClass' => 'hidden',
+                    'nextClass' => 'hidden'
                 )
             );
-        ?>   
+        ?> 
         <!-- 搜索结果 --> 
         <?php else: ?>
         <main class="site--main">              
@@ -74,44 +75,4 @@
         </header> 
         </main>        
         <?php endif; ?>   
-<style>
-/* 分页 */
-.pagination_page{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: var(--margin);
-    gap: 0.5rem;
-}
-.pagination_page li.active a {
-    background: var(--theme);
-    color: #fff;
-    font-weight: 500;
-}
-.pagination_page a{
-    display: flex;
-    padding: 0.5rem;
-    font-size: 0.9rem;
-    width: 1.75rem;
-    height: 1.75rem;
-    background: var(--background);
-    border-radius: 50%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    transition: 0.2s;
-    -webkit-transition: 0.2s;
-    justify-content: center;
-    align-items: center;
-    letter-spacing: 0;
-}
-.pagination_page span.next{
-    cursor: pointer;
-}
-.pagination_page li.active a:hover{
-    cursor: not-allowed;
-}
-/* 分页 */
-</style>
 <?php $this->need('footer.php'); ?>
\ No newline at end of file
diff --git a/comments.php b/comments.php
index 104a7cb..e1bd524 100644
--- a/comments.php
+++ b/comments.php
@@ -1,44 +1,4 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
-<style>
-/* 分页 */
-.pagination_page{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: var(--margin);
-    gap: 0.5rem;
-}
-.pagination_page li.active a {
-    background: var(--theme);
-    color: #fff;
-    font-weight: 500;
-}
-.pagination_page a{
-    display: flex;
-    padding: 0.5rem;
-    font-size: 0.9rem;
-    width: 1.75rem;
-    height: 1.75rem;
-    background: var(--background);
-    border-radius: 50%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    transition: 0.2s;
-    -webkit-transition: 0.2s;
-    justify-content: center;
-    align-items: center;
-    letter-spacing: 0;
-}
-.pagination_page span.next{
-    cursor: pointer;
-}
-.pagination_page li.active a:hover{
-    cursor: not-allowed;
-}
-/* 分页 */
-</style>
  <div class="post--ingle__comments">
     <?php $this->comments()->to($comments); ?>
     <?php if($this->allow('comment')): ?>
@@ -88,20 +48,22 @@
     <?php endif; ?>
         <?php if ($comments->have()): ?>
         <?php $comments->listComments(); ?>
+      
     <?php
             $comments->pageNav(
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" fill="var(--main)"></path></svg>',
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z" fill="var(--main)"></path></svg>',
+                ' ',
+                ' ',
                 1,
                 '...',
                 array(
-                    'wrapTag' => 'div',
-                    'wrapClass' => 'pagination_page',
+                    'wrapTag' => 'nav',
+                    'wrapClass' => 'nav-links nav-links__comment',
                     'itemTag' => '',
-                    'textTag' => 'a',
-                    'currentClass' => 'active',
-                    'prevClass' => 'prev',
-                    'nextClass' => 'next'
+                    'textTag' => 'span',
+                    'itemClass'   => 'page-numbers', 
+                    'currentClass' => 'page-numbers current',
+                    'prevClass' => 'hidden',
+                    'nextClass' => 'hidden'
                 )
             );
         ?>
diff --git a/dist/css/style.css b/dist/css/style.css
deleted file mode 100644
index 04752f4..0000000
--- a/dist/css/style.css
+++ /dev/null
@@ -1,3806 +0,0 @@
-@charset "UTF-8";
-
-:root {
-    --farallon-main-color: #4370f5;
-    --farallon-hover-color: #3a5f9a;
-    --farallon-text-color: rgba(0, 0, 0, 0.84);
-    --farallon-text-light: rgba(0, 0, 0, 0.68);
-    --farallon-text-gray: rgba(0, 0, 0, 0.6);
-    --farallon-text-gray-lightest: rgba(0, 0, 0, 0.5);
-    --farallon-background-white: rgba(255, 255, 255, 1);
-    --farallon-background-gray: rgba(250, 250, 250, 1);
-    --farallon-griedent-start: #007cf0;
-    --farallon-griedent-end: #00dfd8;
-    --farallon-border-color: rgba(0, 0, 0, 0.1);
-    --farallon-border-color-light: rgba(0, 0, 0, 0.05)
-}
-
-@media(prefers-color-scheme:dark) {
-    .auto {
-        --farallon-main-color: rgba(253, 186, 116, 1);
-        --farallon-hover-color: rgba(255, 237, 213, 1);
-        --farallon-text-color: #a1a1aa;
-        --farallon-text-light: rgba(161, 161, 170, 1);
-        --farallon-text-gray: rgba(113, 113, 122, 1);
-        --farallon-text-gray-lightest: rgba(113, 113, 122, 0.95);
-        --farallon-background-white: #1e1e1e;
-        --farallon-background-gray: #000;
-        --farallon-griedent-start: #007cf0;
-        --farallon-griedent-end: #00dfd8;
-        --farallon-border-color: rgba(63, 63, 70, 0.6);
-        --farallon-border-color-light: rgba(63, 63, 70, 0.4)
-    }
-
-    .auto .site--header__center {
-        background-color: rgba(39, 39, 42, .9);
-        border-color: rgba(0, 0, 0, .5);
-        backdrop-filter: saturate(180%)blur(5px);
-        --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.1);
-        box-shadow: 0 0 #0000, var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-        color: #e4e4e7
-    }
-
-    .auto .comment-form .submit {
-        background-color: #3f3f46
-    }
-
-    .auto .comment-form .submit:hover {
-        background-color: #52525b
-    }
-
-    .auto .tag--list a {
-        background-color: #27272a;
-        color: #71717a;
-        --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.1);
-        box-shadow: 0 0 #0000, var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
-    }
-
-    .auto .tag--list a:hover {
-        --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.2)
-    }
-
-    .auto .post--single__title,
-    .auto .post--item .post--title {
-        color: #f4f4f5
-    }
-
-    .auto .main {
-        box-shadow: rgba(212, 212, 216, .2)0 0 0 1px
-    }
-
-    .auto .main::after {
-        display: none
-    }
-
-    .auto .archive--list .archive--item:hover {
-        background: linear-gradient(180deg, #1e1e1e, #121212)
-    }
-
-    .auto .post--single__related__item,
-    .auto .post--item,
-    .auto .link-item,
-    .auto .post--card {
-        position: relative
-    }
-
-    .auto .post--single__related__item:hover,
-    .auto .post--item:hover,
-    .auto .link-item:hover,
-    .auto .post--card:hover {
-        background: linear-gradient(180deg, #1e1e1e, #121212)
-    }
-
-    .auto .post--single__related__item:hover::after,
-    .auto .post--item:hover::after,
-    .auto .link-item:hover::after,
-    .auto .post--card:hover::after {
-        content: "";
-        pointer-events: none;
-        position: absolute;
-        inset: 0;
-        border-radius: 12px;
-        border: 1px solid #333
-    }
-
-    .auto .nav-links .page-numbers.current:after,
-    .auto .nav-links .post-page-numbers.current:after {
-        background-image: none
-    }
-
-    .auto .doulist-item {
-        background-color: rgba(63, 63, 70, .15)
-    }
-
-    .auto .comment-form input,
-    .auto .comment-form textarea {
-        background-color: rgba(63, 63, 70, .15);
-        border-color: #3f3f46
-    }
-}
-
-.dark {
-    --farallon-main-color: rgba(253, 186, 116, 1);
-    --farallon-hover-color: rgba(255, 237, 213, 1);
-    --farallon-text-color: #a1a1aa;
-    --farallon-text-light: rgba(161, 161, 170, 1);
-    --farallon-text-gray: rgba(113, 113, 122, 1);
-    --farallon-text-gray-lightest: rgba(113, 113, 122, 0.95);
-    --farallon-background-white: #1e1e1e;
-    --farallon-background-gray: #000;
-    --farallon-griedent-start: #007cf0;
-    --farallon-griedent-end: #00dfd8;
-    --farallon-border-color: rgba(63, 63, 70, 0.6);
-    --farallon-border-color-light: rgba(63, 63, 70, 0.4)
-}
-
-.dark .site--header__center {
-    background-color: rgba(39, 39, 42, .9);
-    border-color: rgba(0, 0, 0, .5);
-    backdrop-filter: saturate(180%)blur(5px);
-    --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.1);
-    box-shadow: 0 0 #0000, var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-    color: #e4e4e7
-}
-
-.dark .doulist-item {
-    background: rgba(63, 63, 70, .15)
-}
-
-.dark .comment-form .submit {
-    background-color: #3f3f46
-}
-
-.dark .comment-form .submit:hover {
-    background-color: #52525b
-}
-
-.dark .tag--list a {
-    background-color: #27272a;
-    color: #71717a;
-    --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.1);
-    box-shadow: 0 0 #0000, var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
-}
-
-.dark .tag--list a:hover {
-    --tw-ring-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, 0.2)
-}
-
-.dark .post--single__title,
-.dark .post--item .post--title {
-    color: #f4f4f5
-}
-
-.dark .main {
-    box-shadow: rgba(212, 212, 216, .2)0 0 0 1px
-}
-
-.dark .main::after {
-    display: none
-}
-
-.dark .archive--list .archive--item:hover {
-    background: linear-gradient(180deg, #1e1e1e, #121212)
-}
-
-.dark .graph blockquote {
-    background: linear-gradient(180deg, #1e1e1e, #121212)
-}
-
-.dark .post--single__related__item,
-.dark .post--item,
-.dark .link-item,
-.dark .post--card {
-    position: relative
-}
-
-.dark .post--single__related__item:hover,
-.dark .post--item:hover,
-.dark .link-item:hover,
-.dark .post--card:hover {
-    background: linear-gradient(180deg, #1e1e1e, #121212)
-}
-
-.dark .post--single__related__item:hover::after,
-.dark .post--item:hover::after,
-.dark .link-item:hover::after,
-.dark .post--card:hover::after {
-    content: "";
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-    border-radius: 12px;
-    border: 1px solid #333
-}
-
-.dark .nav-links .page-numbers.current:after,
-.dark .nav-links .post-page-numbers.current:after {
-    background-image: none
-}
-
-.dark .comment-form input,
-.dark .comment-form textarea {
-    background-color: rgba(63, 63, 70, .15);
-    border-color: #3f3f46
-}
-
- 
-/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
-html {
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%
-}
-
-body {
-    margin: 0
-}
-
-main {
-    display: block
-}
-
-h1 {
-    font-size: 2em;
-    margin: .67em 0
-}
-
-hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible
-}
-
-pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
-    overflow: hide;
-    text-overflow: ellipsis
-}
-
-a {
-    background-color: transparent
-}
-
-abbr[title] {
-    border-bottom: none;
-    text-decoration: underline;
-    text-decoration: underline dotted
-}
-
-b,
-strong {
-    font-weight: bolder
-}
-
-code,
-kbd,
-samp {
-    font-family: monospace, monospace;
-    font-size: 1em
-}
-
-small {
-    font-size: 80%
-}
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline
-}
-
-sub {
-    bottom: -.25em
-}
-
-sup {
-    top: -.5em
-}
-
-img {
-    border-style: none
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0
-}
-
-button,
-input {
-    overflow: visible
-}
-
-button,
-select {
-    text-transform: none
-}
-
-button,
-[type=button],
-[type=reset],
-[type=submit] {
-    -webkit-appearance: button
-}
-
-button::-moz-focus-inner,
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner {
-    border-style: none;
-    padding: 0
-}
-
-button:-moz-focusring,
-[type=button]:-moz-focusring,
-[type=reset]:-moz-focusring,
-[type=submit]:-moz-focusring {
-    outline: 1px dotted ButtonText
-}
-
-fieldset {
-    padding: .35em .75em .625em
-}
-
-legend {
-    box-sizing: border-box;
-    color: inherit;
-    display: table;
-    max-width: 100%;
-    padding: 0;
-    white-space: normal
-}
-
-progress {
-    vertical-align: baseline
-}
-
-textarea {
-    overflow: auto
-}
-
-[type=checkbox],
-[type=radio] {
-    box-sizing: border-box;
-    padding: 0
-}
-
-[type=number]::-webkit-inner-spin-button,
-[type=number]::-webkit-outer-spin-button {
-    height: auto
-}
-
-[type=search] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px
-}
-
-[type=search]::-webkit-search-decoration {
-    -webkit-appearance: none
-}
-
-::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit
-}
-
-details {
-    display: block
-}
-
-summary {
-    display: list-item
-}
-
-template {
-    display: none
-}
-
-[hidden] {
-    display: none
-}
-
-html {
-    background-color: var(--farallon-background-gray)
-}
-
-body {
-    letter-spacing: 0;
-    font-weight: 400;
-    font-style: normal;
-    font-family: open sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-font-feature-settings: "liga" on;
-    color: var(--farallon-text-color);
-    line-height: 1.8;
-    background-color: var(--farallon-background-gray)
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-    margin-top: 0;
-    margin-bottom: 0;
-    font-weight: 400
-}
-
-ol,
-ul {
-    margin: 0;
-    padding: 0;
-    list-style: none
-}
-
-a {
-    color: inherit;
-    text-decoration: none
-}
-
-img {
-    max-width: 100%;
-    height: auto
-}
-
-p {
-    margin-top: 0;
-    margin-bottom: 0
-}
-
-button,
-input,
-textarea {
-    appearance: none;
-    outline: none;
-    -webkit-tap-highlight-color: transparent;
-    font-family: open sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    color: var(--text-main-color)
-}
-
-.main {
-    background-color: var(--farallon-background-white);
-    max-width: 1000px;
-    margin-left: auto;
-    margin-right: auto;
-    min-height: 100vh;
-    position: relative
-}
-
-.main::after {
-    aspect-ratio: 1/3;
-    background-image: linear-gradient(to right, var(--farallon-griedent-start), var(--farallon-griedent-end));
-    border: 0;
-    border-radius: 9999px;
-    bottom: calc(100% - 100px);
-    filter: blur(44px);
-    opacity: .2;
-    position: absolute;
-    right: 0;
-    left: 0;
-    content: ""
-}
-
-.site--main {
-    padding: 50px 80px;
-    min-height: 70vh
-}
-
-.site--main__gears .post--single__title {
-    margin-bottom: 5px
-}
-
-.site--main__gears .post--single__subtitle {
-    font-size: 18px;
-    color: var(--farallon-text-gray);
-    line-height: 1.5
-}
-
-@media(max-width:820px) {
-    .site--main {
-        padding: 40px
-    }
-}
-
-@media(max-width:768px) {
-    .site--main {
-        padding: 3.5%
-    }
-}
-
-.site--footer {
-    font-size: 14px;
-    padding: 20px 80px;
-    border-top: 1px dotted var(--farallon-border-color);
-    color: var(--farallon-text-light)
-}
-
-.site--footer__content {
-    display: flex;
-    align-items: center
-}
-
-.site--footer__info {
-    display: none;
-    text-align: center;
-    color: var(--farallon-text-light)
-}
-
-.site--footer__info a {
-    text-decoration: underline
-}
-
-.site--footer__info a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.site--footer__info.active {
-    display: block
-}
-
-.site--footer .copyright {
-    margin-left: auto;
-    display: flex;
-    align-items: center
-}
-
-.site--footer .copyright svg {
-    fill: var(--farallon-text-light);
-    margin-left: 8px;
-    cursor: pointer
-}
-
-.site--footer .copyright svg:hover {
-    fill: var(--farallon-hover-color)
-}
-
-.site--footer nav ul {
-    display: flex;
-    align-items: center
-}
-
-.site--footer nav ul li {
-    margin-right: 10px
-}
-
-.site--footer nav ul li a:hover {
-    text-decoration: underline
-}
-
-.site--footer__sns {
-    display: flex;
-    align-items: center
-}
-
-.site--footer__sns a {
-    margin: 0 12px 0 0;
-    display: flex
-}
-
-.site--footer__sns svg {
-    fill: var(--farallon-text-color);
-    width: 18px;
-    height: 18px
-}
-
-.site--footer__sns svg:hover {
-    fill: var(--farallon-hover-color)
-}
-
-.site--footer__sns svg.sns {
-    fill: none;
-    stroke: var(--farallon-text-color)
-}
-
-@media(max-width:768px) {
-    .site--footer__content {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        padding-right: 3.5%;
-        padding-left: 3.5%
-    }
-
-    .site--footer__content .copyright {
-        margin-left: 0
-    }
-
-    .site--footer__content nav {
-        margin-bottom: 10px
-    }
-}
-
-.fixed--theme {
-    position: fixed;
-    right: 10px;
-    top: 40%;
-    display: flex;
-    flex-direction: column;
-    height: max-content;
-    box-shadow: 0 0 0 1px var(--farallon-border-color);
-    background-color: var(--farallon-background-white);
-    border-radius: 999rem;
-    width: max-content;
-    padding: 3px
-}
-
-.fixed--theme span {
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    border-radius: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--farallon-text-gray-lightest);
-    margin-bottom: 5px
-}
-
-.fixed--theme span:hover {
-    color: var(--farallon-text-color)
-}
-
-.fixed--theme span.is-active {
-    color: var(--farallon-text-color);
-    background-color: var(--farallon-background-gray)
-}
-
-.fixed--theme span:last-child {
-    margin-bottom: 0
-}
-
-@keyframes toTop {
-    0% {
-        transform: translateY(0)
-    }
-
-    100% {
-        transform: translateY(-50%)
-    }
-}
-
-.backToTop {
-    position: fixed;
-    bottom: 25px;
-    right: -25px;
-    cursor: pointer;
-    background-color: var(--border-color);
-    z-index: 10;
-    transition: all .3s ease
-}
-
-.backToTop .svgIcon {
-    width: 17px;
-    height: 17px;
-    fill: var(--farallon-main-color);
-    animation: toTop 1s ease-in infinite alternate
-}
-
-.backToTop:hover .svgIcon {
-    fill: var(--farallon-hover-color);
-    animation-play-state: paused
-}
-
-.backToTop.is-active {
-    right: 25px
-}
-
-.site--header {
-    padding: 20px 80px;
-    position: relative;
-    display: flex;
-    align-items: center
-}
-
-.site--header .svgIcon {
-    margin-left: auto;
-    fill: var(--farallon-text-gray-lightest);
-    position: relative;
-    cursor: pointer
-}
-
-.site--header .avatar {
-    height: 48px;
-    width: 48px;
-    border: 3px var(--farallon-background-white)solid;
-    box-shadow: 0 2px 4px 0 var(--farallon-border-color);
-    border-radius: 100%;
-    transition: .5s ease-in-out
-}
-
-.site--header.is-active .avatar {
-    box-shadow: 0 2px 4px 0 var(--farallon-border-color)
-}
-
-.site--header__center {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    height: 39px;
-    top: 25px;
-    z-index: 1;
-    box-shadow: 0 0 #fff, 0 0 0 1px rgba(244, 244, 245, .1), 0 10px 15px -3px rgba(39, 39, 42, 5%), 0 4px 6px -4px rgba(39, 39, 42, 5%);
-    backdrop-filter: blur(12px);
-    background-color: rgba(255, 255, 255, .5);
-    border: 1px solid rgba(255, 255, 255, .5);
-    border-radius: 999rem;
-    overflow: hidden
-}
-
-.site--header__center ul {
-    display: flex;
-    align-items: center;
-    height: 39px;
-    box-sizing: border-box;
-    padding: 5px 30px
-}
-
-.site--header__center ul li {
-    padding: 0 15px;
-    flex: none
-}
-
-.site--header__center ul li a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.site--header__center .inner {
-    display: flex;
-    flex-direction: column;
-    transition: .5s transform
-}
-
-.site--header__center .inner .search--area {
-    height: 39px;
-    display: flex;
-    justify-content: center;
-    align-items: center
-}
-
-.site--header__center .inner .search--area .search-field {
-    background-color: transparent;
-    border: 0;
-    font-size: 14px
-}
-
-.site--header__center .inner .search--area .search-submit {
-    background-color: #fff;
-    border: 0;
-    display: none
-}
-
-.site--header__center .inner.search--active {
-    transform: translate(0, -39px)
-}
-
-.site--url {
-    display: flex;
-    align-items: center;
-    font-size: 18px;
-    font-weight: 700
-}
-
-.site--url .avatar {
-    margin-right: 10px
-}
-
-.u-xs-show {
-    display: none
-}
-
-@media(max-width:820px) {
-    .site--header {
-        padding-left: 40px;
-        padding-right: 40px;
-        padding-top: 59px
-    }
-
-    .site--header__center {
-        left: 0;
-        right: 0;
-        transform: translate3d(0, 0, 0);
-        border-radius: 0;
-        top: 0;
-        box-shadow: 0 0 #fff, 0 0 0 1px rgba(244, 244, 245, .1), 3px -8px 15px -3px rgba(39, 39, 42, 5%), 0 4px 6px -4px rgba(39, 39, 42, 5%)
-    }
-
-    .site--header__center ul {
-        overflow-x: auto;
-        padding-left: 40px;
-        padding-right: 40px
-    }
-
-    .site--header__center ul li {
-        flex: none
-    }
-
-    .site--header__center .inner .search--area {
-        width: 100%
-    }
-
-    .site--header__center .inner .search--area .search-field {
-        width: 100%
-    }
-}
-
-@media(max-width:768px) {
-    .site--header {
-        padding-left: 3.5%;
-        padding-right: 3.5%;
-        padding-bottom: 0
-    }
-
-    .site--header .avatar {
-        width: 40px;
-        height: 40px
-    }
-
-    .site--header__center ul {
-        padding-left: 20px;
-        padding-right: 20px
-    }
-
-    .u-xs-show {
-        display: inline
-    }
-}
-
-@media(max-width:414px) {
-    .site--header__center ul {
-        padding-left: 0;
-        padding-right: 0
-    }
-}
-
-.top--bar {
-    padding: 0 40px;
-    padding-bottom: 30px
-}
-
-.top--bar .widget-card-content {
-    font-size: 24px;
-    font-weight: 700;
-    line-height: 1.2
-}
-
-.top--bar .widget-card-description {
-    color: var(--farallon-text-gray);
-    font-size: 18px
-}
-
-@media(max-width:414px) {
-    .top--bar {
-        padding: 0 0
-    }
-
-    .top--bar .widget-card-content {
-        font-size: 18px
-    }
-
-    .top--bar .widget-card-description {
-        font-size: 14px
-    }
-}
-
-.post--item {
-    padding: 25px 40px;
-    border-radius: 5px;
-    display: flex;
-    align-items: center
-}
-
-.post--item:hover {
-    background-color: rgba(234, 243, 255, .5);
-    background-image: linear-gradient(12deg, #fff 50%, rgba(255, 255, 255, 0));
-    border-radius: 18px;
-    transform: none;
-    transform-origin: 50% 50% 0
-}
-
-.post--item__status {
-    border-radius: 5px;
-    margin-top: 10px;
-    margin-bottom: 10px
-}
-
-.post--item__status .avatar {
-    border-radius: 100%;
-    margin-right: 10px
-}
-
-.post--item__status header {
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px
-}
-
-.post--item__status header a {
-    color: var(--farallon-text-gray);
-    display: flex;
-    align-items: center;
-    font-size: 14px
-}
-
-.post--item__status header a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.post--item__status .description {
-    margin-bottom: 0
-}
-
-.post--item .post--title {
-    font-size: 20px;
-    font-weight: 700;
-    line-height: 1.4;
-    margin-bottom: 5px
-}
-
-.post--item .post--title .icon--sticky {
-    width: 18px;
-    margin-left: 0;
-    line-height: 1;
-    display: inline-block;
-    vertical-align: -5px;
-    stroke: #f87171
-}
-
-.post--item .post--title:hover {
-    color: var(--farallon-hover-color)
-}
-
-.post--item .post--title+.meta {
-    margin-top: 10px
-}
-
-.post--item .content {
-    flex: auto
-}
-
-.post--item:last-child {
-    border-bottom: 0
-}
-
-.post--item .description {
-    font-size: 15px;
-    color: var(--farallon-text-light);
-    line-height: 1.6
-}
-
-.post--item .meta {
-    font-size: 14px;
-    color: var(--farallon-text-gray-lightest);
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-top: 2px
-}
-
-.post--item .meta time {
-    display: flex;
-    align-items: center
-}
-
-.post--item .meta svg {
-    margin-right: 4px;
-    fill: var(--farallon-text-gray-lightest);
-    margin-left: 10px
-}
-
-.post--item .meta svg:first-child {
-    margin-left: 0
-}
-
-.post--item .meta a:hover {
-    text-decoration: underline
-}
-
-.post--item .cover--link {
-    position: relative;
-    width: 150px;
-    flex: none;
-    margin-left: 20px;
-    display: flex;
-    align-items: center;
-    height: 100px;
-    border-radius: 5px;
-    overflow: hidden
-}
-
-.post--item .cover--link:hover .cover {
-    transform: scale(1.1)
-}
-
-.post--item .cover--link .marker--tips {
-    left: auto;
-    right: 8px;
-    top: 8px
-}
-
-.post--item .cover {
-    width: 150px;
-    height: 100px;
-    object-fit: cover;
-    border-radius: 5px;
-    aspect-ratio: 150/100;
-    transition: .5s
-}
-
-.nav-links {
-    display: flex;
-    align-items: center;
-    justify-content: center
-}
-
-.nav-links .page-numbers,
-.nav-links .post-page-numbers {
-    padding: 20px;
-    position: relative
-}
-
-.nav-links .page-numbers:hover,
-.nav-links .post-page-numbers:hover {
-    color: var(--farallon-hover-color)
-}
-
-.nav-links .page-numbers.current,
-.nav-links .post-page-numbers.current {
-    font-size: 20px;
-    font-weight: 700;
-    cursor: not-allowed
-}
-
-.nav-links .page-numbers.current:after,
-.nav-links .post-page-numbers.current:after {
-    border: 12px solid transparent;
-    background-clip: padding-box;
-    content: "";
-    filter: blur(36px);
-    height: 50%;
-    opacity: .8;
-    position: absolute;
-    width: 50%;
-    background-image: linear-gradient(165deg, #007cf0, #00dfd8);
-    left: 0
-}
-
-.nav-links .page-numbers.dots,
-.nav-links .post-page-numbers.dots {
-    color: var(--farallon-text-gray)
-}
-
-.nav-links__comment .page-numbers,
-.nav-links__comment .post-page-numbers {
-    padding: 10px;
-    line-height: 1;
-    font-size: 14px
-}
-
-.nav-links__comment .page-numbers.current,
-.nav-links__comment .post-page-numbers.current {
-    font-size: 16px
-}
-
-.nav-links__comment .page-numbers.current:after,
-.nav-links__comment .post-page-numbers.current:after {
-    border: 6px solid transparent;
-    background-clip: padding-box;
-    content: "";
-    filter: blur(10px);
-    height: 50%;
-    opacity: .8;
-    position: absolute;
-    width: 50%;
-    background-image: linear-gradient(165deg, #007cf0, #00dfd8);
-    left: 0
-}
-
-@media(max-width:820px) {
-    .post--item {
-        padding: 15px 25px
-    }
-}
-
-@media(max-width:768px) {
-    .post--item {
-        padding: 15px 0
-    }
-
-    .post--item__status {
-        padding-left: 10px;
-        padding-right: 10px;
-        padding-top: 10px;
-        padding-bottom: 10px
-    }
-
-    .post--item__status .avatar {
-        width: 32px;
-        height: 32px
-    }
-
-    .post--item:hover {
-        background-color: transparent
-    }
-
-    .post--item:not(.post--item__status) .description {
-        min-height: 2.6em;
-        line-height: 1.3em;
-        font-size: 14px;
-        letter-spacing: 0;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        margin-bottom: 5px
-    }
-
-    .post--item .cover--link {
-        width: 75px;
-        height: 75px;
-        margin-left: 10px
-    }
-
-    .post--item .cover {
-        width: 75px;
-        height: 75px;
-        aspect-ratio: 1/1
-    }
-
-    .post--item .post--title {
-        font-size: 18px
-    }
-
-    .post--item .meta {
-        font-size: 12px
-    }
-}
-
-.post-navigation {
-    overflow: hidden;
-    padding-top: 20px
-}
-
-.post-navigation.is-active .nav-links {
-    transform: translate3d(0, 0, 0)
-}
-
-.post-navigation .nav-links {
-    position: relative;
-    transform: translate3d(0, 150%, 0);
-    display: flex;
-    justify-content: space-between;
-    transition: .5s
-}
-
-.post-navigation .nav-links>div:only-child {
-    text-align: center !important;
-    width: 100%
-}
-
-.post-navigation .nav-previous,
-.post-navigation .nav-next {
-    padding: 15px;
-    background-color: var(--farallon-background-white);
-    width: 48%;
-    box-sizing: border-box;
-    text-align: right;
-    background-origin: border-box;
-    background-clip: padding-box, border-box;
-    border: 1px solid transparent
-}
-
-.post-navigation .nav-previous a,
-.post-navigation .nav-next a {
-    display: flex;
-    flex-direction: column
-}
-
-.post-navigation .nav-previous {
-    text-align: left
-}
-
-.post-navigation .meta-nav {
-    font-size: 12px;
-    text-transform: uppercase;
-    color: var(--farallon-text-gray)
-}
-
-.post-navigation .post-title {
-    font-size: 14px;
-    min-height: 3em;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden
-}
-
-.post-navigation .post-title:hover {
-    color: var(--farallon-hover-color)
-}
-
-.post--cards {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: 20px;
-    padding-bottom: 20px
-}
-
-.post--card {
-    border: 1px solid var(--farallon-border-color);
-    padding: 20px;
-    border-radius: 18px;
-    display: flex;
-    flex-direction: column
-}
-
-.post--card:hover {
-    background-color: #fafafa;
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%);
-    border-radius: 18px;
-    transform: none;
-    transform-origin: 50% 50% 0
-}
-
-.post--card .cover--link {
-    display: flex;
-    align-items: center
-}
-
-.post--card .cover {
-    border-radius: 10px;
-    margin-bottom: 12px;
-    object-fit: cover;
-    aspect-ratio: 60/36
-}
-
-.post--card .post--title {
-    font-size: 20px;
-    font-weight: 700;
-    line-height: 1.4;
-    margin-bottom: 5px
-}
-
-.post--card .post--title:hover {
-    color: var(--farallon-hover-color)
-}
-
-.post--card .post--title+.meta {
-    margin-top: 10px
-}
-
-.post--card .content {
-    position: relative
-}
-
-.post--card .content .date {
-    height: 36px;
-    width: 36px;
-    background-color: var(--farallon-background-white);
-    border-radius: 100%;
-    position: absolute;
-    text-align: center;
-    font-weight: 700;
-    font-size: 24px;
-    line-height: 36px;
-    text-align: center;
-    color: var(--farallon-text-gray);
-    right: 15px;
-    top: -30px;
-    box-shadow: 0 0 0 5px var(--farallon-border-color-light)
-}
-
-.post--card .description {
-    font-size: 15px;
-    color: var(--farallon-text-light);
-    line-height: 1.6
-}
-
-.post--card .meta {
-    font-size: 14px;
-    color: var(--farallon-text-gray-lightest);
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-top: 2px
-}
-
-.post--card .meta time {
-    display: flex;
-    align-items: center
-}
-
-.post--card .meta svg {
-    margin-right: 4px;
-    fill: var(--farallon-text-gray-lightest);
-    margin-left: 10px
-}
-
-.post--card .meta svg:first-child {
-    margin-left: 0
-}
-
-.post--card .meta a:hover {
-    text-decoration: underline
-}
-
-@media(max-width:414px) {
-    .post--cards {
-        display: grid;
-        grid-template-columns: repeat(1, 1fr)
-    }
-
-    .post--card {
-        padding: 15px
-    }
-}
-
-.post--single {
-    max-width: 678px;
-    margin-left: auto;
-    margin-right: auto
-}
-
-.post--single__title {
-    font-size: 32px;
-    font-weight: 700;
-    line-height: 1.5;
-    margin-bottom: 20px
-}
-
-.post--single__meta {
-    font-size: 14px;
-    color: var(--farallon-text-gray);
-    display: flex;
-    align-items: center
-}
-
-.post--single__meta svg {
-    margin-right: 4px;
-    fill: var(--farallon-text-gray-lightest);
-    margin-left: 10px
-}
-
-.post--single__meta svg:first-child {
-    margin-left: 0
-}
-
-.post--single__copyright {
-    color: var(--farallon-text-gray)
-}
-
-.post--single__action {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 20px 0
-}
-
-.post--single__action .button--like svg {
-    fill: var(--farallon-text-gray)
-}
-
-.post--single__action .button--like:hover svg,
-.post--single__action .button--like.is-active svg {
-    fill: var(--farallon-hover-color)
-}
-
-.post--single__related {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: 20px;
-    padding-top: 10px
-}
-
-.post--single__related__item {
-    padding: 10px;
-    border: 1px solid var(--farallon-border-color);
-    border-radius: 10px;
-    display: flex;
-    flex-direction: column
-}
-
-.post--single__related__item .cover {
-    border-radius: 8px;
-    width: 100%;
-    height: 160px;
-    object-fit: cover
-}
-
-.post--single__related__item__title {
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 1.4;
-    margin-bottom: 5px
-}
-
-.post--single__related__item:hover {
-    background-color: #fafafa;
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%)
-}
-
-.post--single__related__item .meta {
-    font-size: 12px;
-    color: var(--farallon-text-gray);
-    line-height: 1
-}
-
-@media(max-width:768px) {
-    .post--single__title {
-        font-size: 28px;
-        margin-bottom: 10px
-    }
-}
-
-.author--card {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding: 30px 0;
-    border-top: 1px solid var(--farallon-border-color);
-    margin-top: 20px
-}
-
-.author--card .avatar {
-    border-radius: 100%
-}
-
-.author--card .author--name {
-    font-weight: 700;
-    margin-top: 10px;
-    font-size: 18px
-}
-
-.author--card .author--description {
-    font-size: 14px;
-    color: var(--farallon-text-gray)
-}
-
-.author--card .author--sns {
-    margin-top: 12px;
-    display: flex;
-    align-items: center
-}
-
-.author--card .author--sns a {
-    margin: 0 10px 0 0
-}
-
-.author--card .author--sns a:last-child {
-    margin-right: 0
-}
-
-.author--card .author--sns svg {
-    fill: var(--farallon-text-color);
-    width: 24px;
-    height: 24px
-}
-
-.author--card .author--sns svg:hover {
-    fill: var(--farallon-hover-color)
-}
-
-.author--card .author--sns svg.sns {
-    fill: none;
-    stroke: var(--farallon-text-color)
-}
-
-.tag--list {
-    display: flex;
-    align-items: center;
-    padding: 15px 0 5px;
-    flex-wrap: wrap
-}
-
-.tag--list a {
-    margin-right: 10px;
-    margin-bottom: 10px;
-    background: #f2f4f6;
-    font-size: 14px;
-    padding: 2px 12px;
-    border-radius: 5px;
-    color: var(--farallon-text-gray)
-}
-
-.tag--list a:hover {
-    background-color: #e0e0e0
-}
-
-.related--posts__title {
-    font-size: 18px;
-    font-weight: 600
-}
-
-.related--content {
-    padding-top: 15px
-}
-
-.toc {
-    font-size: 14px;
-    padding: 10px 15px;
-    background-color: var(--farallon-background-gray);
-    border-radius: 10px;
-    margin-bottom: 20px
-}
-
-.toc summary {
-    cursor: pointer
-}
-
-.toc-title {
-    font-weight: 600
-}
-
-.toc ul {
-    padding-left: 10px;
-    margin-bottom: 10px
-}
-
-.toc ul li::before {
-    content: "·";
-    margin-right: 5px
-}
-
-.toc ul li>ul {
-    margin-left: 10px;
-    font-size: 12px
-}
-
-.translatedCard {
-    margin-bottom: 20px;
-    font-size: 14px
-}
-
-.translatedCard h4 {
-    font-weight: 700
-}
-
-.translatedCard ul {
-    list-style: square;
-    margin-left: 30px
-}
-
-.translatedCard ul li a {
-    text-decoration: underline
-}
-
-.translatedCard ul li a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.category--card {
-    padding: 15px 0;
-    display: flex;
-    align-items: center
-}
-
-.category--card__list {
-    border-top: 1px solid var(--farallon-border-color-light)
-}
-
-.category--card__image {
-    margin-right: 15px;
-    width: 64px;
-    flex: none;
-    display: flex
-}
-
-.category--card__image img {
-    border-radius: 4px;
-    height: 64px;
-    object-fit: cover;
-    width: 64px
-}
-
-.category--card__content {
-    flex: auto
-}
-
-.category--card:hover .category--card__title {
-    color: var(--farallon-hover-color)
-}
-
-.category--card__title {
-    font-size: 18px;
-    font-weight: 700;
-    margin-bottom: 10px;
-    line-height: 1
-}
-
-.category--card__description {
-    font-size: 14px;
-    color: var(--farallon-text-gray);
-    line-height: 1.2
-}
-
-.category--card+.category--card {
-    position: relative
-}
-
-.category--card+.category--card::before {
-    position: absolute;
-    left: 15px;
-    right: 15px;
-    top: 0;
-    height: 1px;
-    background-color: var(--farallon-border-color-light);
-    content: ""
-}
-
-@media(max-width:768px) {
-    .author--card {
-        padding: 20px 0
-    }
-
-    .category--card {
-        padding: 12px 0
-    }
-
-    .category--card__image {
-        width: 48px
-    }
-
-    .category--card__image img {
-        height: 48px;
-        width: 48px
-    }
-
-    .category--card__title {
-        font-size: 16px
-    }
-
-    .category--card__description {
-        font-size: 12px
-    }
-}
-
-.button--like {
-    border: 0;
-    background-color: transparent;
-    cursor: pointer;
-    display: flex;
-    align-items: center
-}
-
-.button--like .count {
-    font-size: 14px;
-    margin-left: 3px;
-    font-weight: 700;
-    color: var(--farallon-text-gray)
-}
-
-.button--like.is-active svg {
-    fill: var(--farallon-main-color)
-}
-
-.button--like.is-active .icon--active {
-    display: block
-}
-
-.button--like.is-active .icon--default {
-    display: none
-}
-
-.button--like.is-active .count {
-    color: var(--farallon-hover-color)
-}
-
-.button--like:hover .count {
-    color: var(--farallon-hover-color)
-}
-
-.button--like .icon--active {
-    display: none
-}
-
-.button--like .icon--block {
-    display: none
-}
-
-.graph {
-    color: var(--farallon-text-color);
-    word-break: break-all;
-    font-size: 16px
-}
-
-.graph code {
-    background-color: var(--farallon-background-gray);
-    margin-left: 4px;
-    margin-right: 4px;
-    border-radius: 4px;
-    font-size: 75%;
-    padding: 2px 4px;
-    word-break: break-word;
-    color: var(--farallon-text-light);
-    overflow: hidden;
-}
-
-.graph pre {
-    word-break: break-all;
-    white-space: break-spaces;
-    background-color: var(--farallon-background-gray);
-    padding: 20px 30px;
-    border-radius: 4px;
-    font-size: 12px;
-    border: 1px solid var(--farallon-border-color);
-    line-height: 1.4;
-    color: var(--farallon-text-light);
-    margin-left: -3.5%;
-    margin-right: -3.5%;
-    overflow: hidden;
-    text-overflow: ellipsis
-}
-
-.graph pre code {
-    background-color: transparent;
-    font-size: 100%;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    text-overflow: ellipsis
-}
-
-.graph--mixtapeEmbed {
-    margin-bottom: 25px;
-    border: 1px solid var(--farallon-border-color);
-    border-radius: 4px;
-    display: flex
-}
-
-.graph--mixtapeEmbed a {
-    text-decoration: none !important;
-    box-shadow: none !important
-}
-
-.graph--mixtapeEmbed a:hover {
-    color: inherit !important
-}
-
-.graph--mixtapeEmbed .mixtapeImage {
-    width: 120px;
-    height: 120px;
-    background-size: cover;
-    flex: none;
-    margin-left: 30px;
-    border-radius: 0 4px 4px 0
-}
-
-.graph--mixtapeEmbed .mixtapeContent {
-    padding: 0 20px;
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: center
-}
-
-.graph--mixtapeEmbed .mixtapeContent .markup--em {
-    font-style: normal;
-    font-size: 14px;
-    line-height: 1.6;
-    color: var(--farallon-text-light)
-}
-
-.graph--mixtapeEmbed .mixtapeContent .markup--strong {
-    font-weight: 700;
-    line-height: 1.3;
-    margin-bottom: 5px
-}
-
-.graph--mixtapeEmbed .mixtapeContent .markup--strong:hover {
-    color: var(--farallon-hover-color)
-}
-
-.graph p {
-    margin-bottom: 25px;
-    hyphens: auto
-}
-
-.graph p:last-child {
-    margin-bottom: 0
-}
-
-.graph blockquote {
-    color: var(--farallon-text-light);
-    border-color: var(--farallon-border-color-light);
-    margin-left: -3.5%;
-    margin-right: -3.5%;
-    margin-bottom: 35px;
-    background-color: var(--farallon-background-gray);
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%);
-    padding: 30px;
-    border-radius: 10px
-}
-
-.graph blockquote p:last-child {
-    margin-bottom: 0
-}
-
-.graph a {
-    text-decoration: none;
-    box-shadow: inset 0 -3px 0 var(--farallon-main-color);
-    transition: .2s
-}
-
-.graph a[href*=jpeg],
-.graph a[href*=JPEG],
-.graph a[href*=jpg],
-.graph a[href*=png],
-.graph a[href*=PNG],
-.graph a[href*=JPG],
-.graph a[href*=gif] {
-    box-shadow: none
-}
-
-.graph a[href*=jpeg]:hover,
-.graph a[href*=JPEG]:hover,
-.graph a[href*=jpg]:hover,
-.graph a[href*=png]:hover,
-.graph a[href*=PNG]:hover,
-.graph a[href*=JPG]:hover,
-.graph a[href*=gif]:hover {
-    box-shadow: none
-}
-
-.graph a:hover {
-    box-shadow: inset 0 -5px 0 var(--farallon-hover-color)
-}
-
-.graph h2 {
-    margin-bottom: 15px;
-    margin-top: 30px;
-    font-size: 24px;
-    font-weight: 700;
-    color: var(--farallon-text-light);
-    line-height: 1.3;
-    position: relative
-}
-
-.graph h2+h3 {
-    margin-top: 15px
-}
-
-.graph h2 :before {
-    content: "";
-    position: absolute;
-    top: .5em;
-    bottom: -2px;
-    left: -10px;
-    width: 3.4em;
-    z-index: -1;
-    background: var(--farallon-hover-color);
-    opacity: .3;
-    transform: skew(-35deg);
-    transition: opacity .2s ease;
-    border-radius: 3px 8px 10px 6px
-}
-
-.graph h3 {
-    font-size: 20px;
-    font-weight: 700;
-    color: var(--farallon-text-gray);
-    margin-bottom: 10px;
-    margin-top: 30px;
-    line-height: 1.3
-}
-
-.graph h4 {
-    font-size: 18px;
-    font-weight: 700;
-    color: var(--farallon-text-gray-lightest);
-    margin-bottom: 10px;
-    margin-top: 30px;
-    line-height: 1.3
-}
-
-.graph hr {
-    border: 0;
-    text-align: center;
-    font-size: 32px;
-    height: auto;
-    margin-top: 0;
-    margin-bottom: 15px
-}
-
-.graph hr:before {
-    content: "...";
-    letter-spacing: .6em;
-    text-indent: .6em
-}
-
-.graph b,
-.graph strong {
-    font-weight: 700
-}
-
-.graph ul,
-.graph ol {
-    margin-bottom: 25px;
-    padding-left: 5px
-}
-
-.graph ul li,
-.graph ol li {
-    margin-left: 25px;
-    margin-bottom: 5px
-}
-
-.graph ul li:before,
-.graph ol li:before {
-    content: "•";
-    box-sizing: border-box;
-    font-size: 18px;
-    margin-left: -35px;
-    padding-right: 10px;
-    display: inline-block;
-    text-align: right;
-    width: 32px;
-    color: var(--farallon-main-color)
-}
-
-.graph ol {
-    counter-reset: item;
-    margin-left: 30px
-}
-
-.graph ol>li:before {
-    content: counter(item);
-    counter-increment: item;
-    font-size: 11.4px;
-    font-weight: 700;
-    align-items: center;
-    background-color: rgba(195, 218, 254, .43);
-    border: 0 solid #999;
-    border-radius: 9999px;
-    box-sizing: border-box;
-    color: rgba(85, 134, 210, .8);
-    display: inline-flex;
-    height: 19px;
-    justify-content: center;
-    margin-left: -44px !important;
-    margin-right: 14px;
-    margin-top: 4px;
-    transform: translateY(-1px);
-    width: 30px;
-    padding-right: 0
-}
-
-.grap--figure,
-.colonel--figure {
-    margin: 0 -50px 25px;
-    position: relative;
-    line-height: 1
-}
-
-.grap--figure img,
-.colonel--figure img {
-    border-radius: 4px
-}
-
-.grap--figure .imageCaption,
-.colonel--figure .imageCaption {
-    font-size: 12px;
-    text-align: center;
-    position: absolute;
-    bottom: 12px;
-    left: 12px;
-    color: #fff;
-    background-color: rgba(18, 18, 18, .8);
-    border-radius: 5px;
-    padding: 8px 10px
-}
-
-@media(max-width:820px) {
-    .graph blockquote {
-        margin-left: 0;
-        margin-right: 0;
-        padding-top: 20px;
-        background-position: 10px 0;
-        margin-bottom: 15px
-    }
-
-    .graph pre {
-        margin-left: 0;
-        margin-right: 0;
-        overflow: hidden;
-        text-overflow: ellipsis
-    }
-
-    .graph h2,
-    .graph h3 {
-        font-size: 20px
-    }
-
-    .graph ul {
-        padding-left: 0
-    }
-
-    .graph ul li {
-        line-height: 1.6
-    }
-
-    .graph--mixtapeEmbed {
-        margin-bottom: 25px;
-        padding: 15px 0;
-        border: 1px solid var(--farallon-border-color);
-        border-radius: 4px;
-        display: flex
-    }
-
-    .graph--mixtapeEmbed .mixtapeImage {
-        display: none
-    }
-
-    .graph--mixtapeEmbed .mixtapeContent {
-        padding: 0 15px
-    }
-
-    .graph--mixtapeEmbed .mixtapeContent .markup--em {
-        font-style: normal;
-        font-size: 12px;
-        line-height: 1.4;
-        color: var(--farallon-text-light)
-    }
-
-    .graph--mixtapeEmbed .mixtapeContent .markup--strong {
-        line-height: 1.3;
-        margin-bottom: 5px;
-        font-size: 16px
-    }
-
-    .graph p {
-        margin-bottom: 15px
-    }
-
-    .grap--figure,
-    .colonel--figure {
-        margin: 0 0 20px;
-        margin-left: -3.5%;
-        margin-right: -3.5%
-    }
-
-    .grap--figure img,
-    .colonel--figure img {
-        border-radius: 0
-    }
-}
-
-.comment-form label {
-    display: block;
-    margin-bottom: .5rem;
-    font-size: 14px;
-    cursor: pointer;
-    line-height: 1.4
-}
-
-.comment-form label .required {
-    color: red
-}
-
-.comment-form input,
-.comment-form textarea {
-    width: 100%;
-    resize: none;
-    border-radius: 5px;
-    box-sizing: border-box;
-    border: 1px solid #999;
-    padding: 8px 15px;
-    font-size: 14px
-}
-
-.comment-form .submit {
-    background-color: #000;
-    color: #fff;
-    border: 0;
-    font-size: 14px;
-    cursor: pointer;
-    padding: 8px 30px;
-    border-radius: 5px;
-    width: auto
-}
-
-.comment-form .submit:hover {
-    background-color: var(--farallon-text-light)
-}
-
-.comment-form p {
-    margin-bottom: 15px
-}
-
-.comment-form p:last-of-type {
-    margin-bottom: 0
-}
-
-.comment-form .comment-notes,
-.comment-form .logged-in-as {
-    font-size: 12px;
-    color: var(--farallon-text-gray)
-}
-
-.comment-reply-title {
-    font-weight: 700;
-    font-size: 18px;
-    display: flex;
-    align-items: center
-}
-
-.comment-reply-title small {
-    margin-left: auto;
-    font-weight: 400;
-    font-size: 14px
-}
-
-.commentlist {
-    border-top: 1px solid var(--farallon-border-color-light);
-    list-style: none;
-    padding-top: 10px
-}
-
-.commentlist .comment {
-    padding: 0 0
-}
-
-.commentlist .comment-respond {
-    margin-top: 20px;
-    padding: 20px;
-    background-color: var(--farallon-background-gray);
-    border-radius: 5px
-}
-
-@keyframes comment--fresh {
-    0% {
-        background-color: #fff
-    }
-
-    100% {
-        background-color: #fffee0
-    }
-}
-
-.comment:last-child>.comment-body {
-    border-bottom: 0
-}
-
-.comment.parent {
-    border-bottom: 1px solid var(--farallon-border-color-light)
-}
-
-.comment.parent:last-child {
-    border-bottom: 0
-}
-
-.comment-body {
-    padding: 25px 0
-}
-
-.comment-body__fresh {
-    animation: comment--fresh 1.5s ease-in-out infinite alternate;
-    border-radius: 5px
-}
-
-.comment-body .avatar {
-    transition: .5s box-shadow
-}
-
-.comment-body:hover .avatar {
-    box-shadow: 0 0 3px 0 var(--farallon-hover-color)
-}
-
-.comment--avatar {
-    flex: none;
-    margin-right: 10px;
-    display: flex
-}
-
-.comment--author {
-    flex: auto;
-    display: flex;
-    align-items: center
-}
-
-.comment--author .comment-reply-link {
-    margin-left: auto
-}
-
-.comment--author .comment-reply-link svg {
-    fill: var(--farallon-text-gray);
-    width: 15px;
-    height: 15px
-}
-
-.comment--author .comment-reply-link:hover svg {
-    fill: var(--farallon-hover-color)
-}
-
-.comment--author a {
-    color: var(--farallon-main-color)
-}
-
-.comment--author a:hover {
-    color: var(--farallon-hover-color);
-    text-decoration: underline
-}
-
-.comment--meta {
-    display: flex;
-    align-items: center;
-    flex: auto
-}
-
-.comment--time {
-    color: var(--farallon-text-light)
-}
-
-.comment-meta {
-    display: flex;
-    align-items: center
-}
-
-.comment-meta .avatar {
-    border-radius: 100%
-}
-
-
-div.cancel-comment-reply.cancel-comment-reply-link {
-    text-align: right;
-}
-
-.comment-content {
-    word-wrap: break-word !important;
-    overflow-wrap: break-word !important;
-    white-space: normal !important;
-    color: var(--farallon-text-light)
-}
-
-.comment-content a {
-    text-decoration: underline
-}
-
-.comment-content a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.children {
-    margin-left: 0;
-    padding-bottom: 10px
-}
-
-.children .avatar {
-    width: 32px;
-    height: 32px
-}
-
-.children .comment-body {
-    border-bottom: 0;
-    padding: 15px 0
-}
-
-.children .comment-content {
-    font-size: 14px
-}
-
-.parent>.children {
-    margin-left: 50px
-}
-
-.comment-meta {
-    margin-bottom: 10px;
-    font-size: 14px;
-    display: flex;
-    align-items: center
-}
-
-.comment-meta .comment-metadata {
-    margin-left: auto
-}
-
-.comment-reply-link {
-    font-size: 12px
-}
-
-.no--comment {
-    text-align: center;
-    padding: 30px 0
-}
-
-.comments--title {
-    margin-top: 30px;
-    font-size: 18px;
-    font-weight: 700;
-    margin-bottom: 10px;
-    display: flex;
-    align-items: center
-}
-
-.comments--title svg {
-    width: 24px;
-    height: 24px;
-    margin-right: 5px;
-    position: relative;
-    transform: translate3d(0, 1px, 0);
-    fill: var(--farallon-text-color)
-}
-
-.comment-respond {
-    padding-top: 30px
-}
-
-.comment-form-cookies-consent #wp-comment-cookies-consent {
-    display: none
-}
-
-.comment-form-cookies-consent label {
-    font-size: 14px;
-    color: var(--farallon-text-gray);
-    display: flex;
-    align-items: center;
-    position: relative
-}
-
-.comment-form-cookies-consent label::before {
-    background-color: #fff;
-    border: 1px solid rgba(0, 0, 0, .15);
-    border-radius: 100%;
-    height: 16px;
-    margin-right: 6px;
-    vertical-align: middle;
-    width: 16px;
-    content: "";
-    flex: none
-}
-
-.comment-form-cookies-consent input:checked+label::after {
-    background-color: var(--farallon-main-color);
-    border-radius: 100%;
-    content: "";
-    position: absolute;
-    left: 1px;
-    height: 12px;
-    margin: 2px;
-    width: 12px;
-    flex: none
-}
-
-.post--share {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 35px 0 15px;
-    font-size: 14px;
-    color: var(--farallon-text-gray);
-    line-height: 1.2
-}
-
-.post--share svg {
-    height: 16px;
-    width: 16px;
-    fill: var(--farallon-text-gray);
-    margin-right: 4px
-}
-
-.post--share .link {
-    margin-left: 4px;
-    border-bottom: 1px dotted var(--farallon-hover-color)
-}
-
-.comment--parent__link {
-    margin-right: 5px;
-    color: var(--farallon-main-color);
-    text-decoration: none !important
-}
-
-.comment--parent__link:hover {
-    color: var(--farallon-hover-color);
-    text-decoration: underline
-}
-
-.commentnav {
-    padding-top: 20px;
-    padding-bottom: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center
-}
-
-.cnav-item {
-    font-size: 16px;
-    color: var(--farallon-text-gray);
-    cursor: pointer;
-    line-height: 32px;
-    fill: var(--farallon-text-gray);
-    display: flex;
-    align-items: center;
-    cursor: pointer
-}
-
-.cnav-item:hover {
-    color: var(--farallon-hover-color);
-    fill: var(--farallon-hover-color)
-}
-
-.cnav-item .svgIcon {
-    transform: translate3d(0, -1px, 0)
-}
-
-.cnav-item.disabled {
-    cursor: not-allowed;
-    opacity: .25;
-    pointer-events: none
-}
-
-.chartPage-verticalDivider {
-    border-right: 1px solid var(--border-color);
-    height: 25px;
-    margin: 0 10px
-}
-
-.u-cursorPointer {
-    cursor: pointer
-}
-
-.archive-header {
-    padding-top: 30px;
-    padding-left: 120px;
-    padding-right: 120px
-}
-
-.archive-header h1 {
-    font-size: 24px;
-    font-weight: 700
-}
-
-.archive-header .taxonomy-description {
-    font-size: 18px;
-    color: rgba(0, 0, 0, .6)
-}
-
-.archive-header+.site--main {
-    padding-top: 30px
-}
-
-.archive-header__search {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 20px
-}
-
-.archive-header__search .search-form {
-    border: 1px solid #eee;
-    border-radius: 999rem;
-    padding: 5px
-}
-
-.archive-header__search .search-form .search-field {
-    border: 0;
-    background-color: transparent;
-    padding: 0 15px;
-    font-size: 14px;
-    width: 250px
-}
-
-.archive-header__search .search-form .search-submit {
-    border-radius: 999rem;
-    border: 0;
-    background: gredient(to right, #007cf0, #00dfd8);
-    font-size: 14px;
-    color: rgba(0, 0, 0, .6);
-    padding: 8px 18px
-}
-
-@media(max-width:768px) {
-    .archive-header {
-        padding-left: 3.5%;
-        padding-right: 3.5%
-    }
-
-    .archive-header h1 {
-        font-size: 20px
-    }
-
-    .archive-header .taxonomy-description {
-        font-size: 16px
-    }
-
-    .archive-header+.site--main {
-        padding-top: 20px
-    }
-}
-
-.page--archive {
-    padding-top: 20px;
-    padding-left: 80px;
-    padding-right: 80px
-}
-
-.archive--title__year {
-    font-size: 24px;
-    font-weight: 700
-}
-
-.archive--title__month {
-    font-size: 20x;
-    color: var(--farallon-text-gray)
-}
-
-.archive--list {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 20px;
-    padding: 20px 0
-}
-
-.archive--list .archive--item {
-    border: 1px solid var(--farallon-border-color-light);
-    padding: 15px;
-    border-radius: 10px
-}
-
-.archive--list .archive--item .archive--title {
-    line-height: 1.4;
-    font-size: 14px
-}
-
-.archive--list .archive--item .archive--meta {
-    font-size: 12px;
-    color: rgba(0, 0, 0, .6)
-}
-
-.archive--list .archive--item:hover {
-    background-color: #fafafa;
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%)
-}
-
-.archive--list .archive--item:hover .archive--title {
-    color: var(--jl-hover-color)
-}
-
-@media(max-width:820px) {
-    .page--archive {
-        padding-left: 40px;
-        padding-right: 40px
-    }
-
-    .archive--list {
-        grid-template-columns: repeat(2, 1fr)
-    }
-}
-
-@media(max-width:768px) {
-    .page--archive {
-        padding-left: 3.5%;
-        padding-right: 3.5%
-    }
-}
-
-@media(max-width:414px) {
-    .page--archive {
-        padding-left: 3.5%;
-        padding-right: 3.5%
-    }
-
-    .archive--list {
-        grid-template-columns: repeat(1, 1fr)
-    }
-}
-
-.db--nav {
-    padding: 30px 0 20px;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap
-}
-
-.db--navItem {
-    font-size: 20px;
-    cursor: pointer;
-    border-bottom: 1px solid transparent;
-    transition: .5s border-color;
-    display: flex;
-    align-items: center;
-    text-transform: capitalize;
-    margin-right: 20px
-}
-
-.db--navItem.current,
-.db--navItem:hover {
-    border-color: inherit
-}
-
-.db--score svg {
-    fill: #f5c518;
-    margin-right: 5px
-}
-
-.db--list {
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: wrap
-}
-
-.db--image {
-    width: 150px;
-    height: 215px;
-    object-fit: cover;
-    border-radius: 4px
-}
-
-.db--image:hover {
-    box-shadow: 0 0 10px var(--farallon-border-color)
-}
-
-.db--title {
-    margin-top: 2px;
-    font-size: 14px;
-    line-height: 1.4
-}
-
-.db--title a:hover {
-    color: var(--farallon-hover-color);
-    text-decoration: underline
-}
-
-.db--genreItem {
-    background: var(--farallon-background-gray);
-    font-size: 12px;
-    padding: 5px 12px;
-    border-radius: 4px;
-    margin-right: 6px;
-    margin-bottom: 10px;
-    line-height: 1.4;
-    cursor: pointer
-}
-
-.db--genreItem.is-active {
-    background-color: var(--farallon-main-color);
-    color: var(--farallon-background-white)
-}
-
-.db--genreItem:hover {
-    background-color: var(--farallon-hover-color);
-    color: var(--farallon-background-white)
-}
-
-.db--genres {
-    padding-bottom: 15px;
-    display: flex;
-    flex-wrap: wrap
-}
-
-.db--genres.u-hide+.db--list {
-    padding-top: 10px
-}
-
-.db--score {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    color: var(--text-gray-lightest)
-}
-
-.db--item {
-    width: 150px;
-    margin-right: 20px;
-    margin-bottom: 20px;
-    position: relative
-}
-
-.db--item__music img {
-    width: 150px;
-    height: 150px;
-    object-fit: cover
-}
-
-.db--item .top250 {
-    position: absolute;
-    left: 0;
-    top: 0;
-    background: #f5c518;
-    color: #000;
-    border-radius: 4px 4px 4px 0;
-    line-height: 1;
-    padding: 3px 10px 3px 5px;
-    font-size: 12px;
-    display: flex;
-    margin-bottom: 2px;
-    font-weight: 900
-}
-
-.db--item .top250:after {
-    content: "";
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    right: 0;
-    top: 0;
-    margin-right: -.2rem;
-    border-radius: 0 0 4px 4px;
-    background: inherit;
-    height: 100%;
-    position: absolute;
-    width: .75rem;
-    transform: skewX(-20deg)
-}
-
-.ipc-signpost {
-    position: relative;
-    background: #f5c518;
-    color: #000;
-    border-radius: 4px;
-    line-height: 1;
-    padding: 3px 5px;
-    font-size: 12px;
-    display: flex;
-    width: 58%;
-    margin-bottom: 2px;
-    font-weight: 900
-}
-
-.ipc-signpost:after {
-    content: "";
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    right: 0;
-    top: 0;
-    margin-right: -.2rem;
-    border-radius: 4px;
-    background: inherit;
-    height: 100%;
-    position: absolute;
-    width: .75rem;
-    transform: skewX(-20deg)
-}
-
-.doulist-item {
-    margin: 30px 0;
-    color: #666;
-    border: 1px solid #eee;
-    border-radius: 4px
-}
-
-.doulist-item:hover {
-    box-shadow: 0 3px 12px var(--farallon-border-color-light)
-}
-
-.doulist-item .doulist-subject {
-    display: flex;
-    align-items: flex-start;
-    line-height: 1.6;
-    padding: 12px;
-    position: relative
-}
-
-.doulist-item .doulist-subject .db--viewTime {
-    position: absolute;
-    right: 0;
-    top: 0;
-    background: #f5c518;
-    color: #000;
-    border-radius: 4px 4px 0 4px;
-    line-height: 1;
-    padding: 3px 5px 3px 10px;
-    font-size: 12px;
-    display: flex;
-    margin-bottom: 2px;
-    font-weight: 900
-}
-
-.doulist-item .doulist-subject .db--viewTime:after {
-    content: "";
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    left: 0;
-    top: 0;
-    margin-left: -.2rem;
-    border-radius: 0 4px 4px 4px;
-    background: inherit;
-    height: 100%;
-    position: absolute;
-    width: .75rem;
-    transform: skewX(20deg)
-}
-
-.doulist-item .doulist-subject .doulist-content {
-    flex: auto
-}
-
-.doulist-item .doulist-subject .doulist-post {
-    width: 96px;
-    margin-right: 15px;
-    display: flex;
-    flex: none
-}
-
-.doulist-item .doulist-subject .doulist-title {
-    margin-bottom: 5px;
-    font-size: 18px
-}
-
-.doulist-item .doulist-subject .doulist-title a {
-    text-decoration: none !important
-}
-
-.doulist-item .doulist-subject .rating {
-    margin: 0 0 5px;
-    font-size: 14px;
-    line-height: 1;
-    display: flex;
-    align-items: center
-}
-
-.doulist-item .doulist-subject .rating .allstardark {
-    position: relative;
-    color: #f99b01;
-    height: 16px;
-    width: 80px;
-    background-repeat: repeat;
-    background-image: url(../images/star.svg);
-    background-size: auto 100%;
-    margin-right: 5px
-}
-
-.doulist-item .doulist-subject .rating .allstarlight {
-    position: absolute;
-    left: 0;
-    color: #f99b01;
-    height: 16px;
-    overflow: hidden;
-    background-repeat: repeat;
-    background-image: url(../images/star-fill.svg);
-    background-size: auto 100%
-}
-
-.doulist-item .doulist-subject .abstract {
-    font-size: 14px
-}
-
-.doulist-item .doulist-subject img {
-    width: 96px !important;
-    height: 96px !important;
-    border-radius: 4px;
-    object-fit: cover
-}
-
-.db--date {
-    position: relative;
-    font-size: 20px;
-    color: var(--farallon-text-light);
-    font-weight: 900;
-    line-height: 1;
-    margin-top: 30px;
-    margin-bottom: 10px
-}
-
-.db--date:before {
-    content: "";
-    position: absolute;
-    top: .5em;
-    bottom: -2px;
-    left: -10px;
-    width: 3.4em;
-    z-index: -1;
-    background: var(--farallon-hover-color);
-    opacity: .3;
-    transform: skew(-35deg);
-    transition: opacity .2s ease;
-    border-radius: 3px 8px 10px 6px
-}
-
-.db--dateList {
-    padding-left: 15px;
-    padding-top: 5px;
-    padding-right: 15px
-}
-
-.db--card__list {
-    display: flex;
-    align-items: center;
-    padding: 15px 0;
-    border-bottom: 1px dotted var(--farallon-border-color);
-    font-size: 14px;
-    color: rgba(0, 0, 0, .55)
-}
-
-.db--card__list:last-child {
-    border-bottom: 0
-}
-
-.db--card__list .title {
-    font-size: 18px;
-    margin-bottom: 5px
-}
-
-.db--card__list .rating {
-    margin: 0 0 0;
-    font-size: 14px;
-    line-height: 1;
-    display: flex;
-    align-items: center
-}
-
-.db--card__list .rating .allstardark {
-    position: relative;
-    color: #f99b01;
-    height: 16px;
-    width: 80px;
-    background-repeat: repeat;
-    background-image: url(../images/star.svg);
-    background-size: auto 100%;
-    margin-right: 5px
-}
-
-.db--card__list .rating .allstarlight {
-    position: absolute;
-    left: 0;
-    color: #f99b01;
-    height: 16px;
-    overflow: hidden;
-    background-repeat: repeat;
-    background-image: url(../images/star-fill.svg);
-    background-size: auto 100%
-}
-
-.db--card__list img {
-    width: 80px;
-    border-radius: 4px;
-    height: 80px;
-    object-fit: cover;
-    flex: none;
-    margin-right: 15px
-}
-
-.db--titleDate {
-    display: flex;
-    flex-direction: column;
-    line-height: 1.1;
-    margin-bottom: 10px;
-    flex: none;
-    margin-right: 15px;
-    align-items: center
-}
-
-.db--titleDate__day {
-    font-weight: 900;
-    font-size: 44px
-}
-
-.db--titleDate__month {
-    font-size: 14px;
-    color: var(--farallon-text-light);
-    font-weight: 900
-}
-
-.db--list__card {
-    display: block
-}
-
-.db--dateList__card {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start
-}
-
-.db--listBydate {
-    display: flex;
-    align-items: flex-start;
-    margin-top: 15px
-}
-
-@media(max-width:600px) {
-    .db--listBydate {
-        flex-direction: column
-    }
-}
-
-.project--headline {
-    font-size: 32px;
-    margin-top: 50px;
-    line-height: 1.5;
-    font-weight: 900
-}
-
-.project--subtitle {
-    font-size: 18px;
-    font-weight: 200;
-    color: var(--farallon-text-light)
-}
-
-.theme--item {
-    padding: 25px 0;
-    font-size: 20px;
-    border-bottom: 1px solid var(--farallon-border-color-light)
-}
-
-.theme--item:last-child {
-    border-bottom: 0
-}
-
-.theme--item h3 {
-    line-height: 1;
-    margin: 0
-}
-
-.theme--tags {
-    display: flex;
-    align-items: center;
-    margin-top: 20px
-}
-
-.theme--tags a {
-    border: 1px solid var(--farallon-main-color);
-    color: var(--farallon-main-color);
-    line-height: 1.2;
-    font-size: 12px;
-    padding: 3px 12px;
-    border-radius: 4px;
-    margin-right: 20px;
-    font-weight: 700
-}
-
-.theme--tags a:hover {
-    border-color: var(--farallon-hover-color);
-    background-color: var(--farallon-hover-color);
-    color: var(--farallon-background-white)
-}
-
-.plugin--item {
-    padding: 15px 0;
-    font-size: 20px;
-    border-bottom: 1px solid var(--farallon-border-color-light)
-}
-
-.plugin--item:last-child {
-    border-bottom: 0
-}
-
-.plugin--item a:hover {
-    color: var(--farallon-main-color);
-    text-decoration: underline
-}
-
-.plugin--item .desc {
-    font-size: 14px;
-    color: var(--faraallon-text-gray)
-}
-
-.category--list {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 10px
-}
-
-.category--list .category--item {
-    border: 1px solid var(--farallon-border-color);
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column
-}
-
-.category--list .category--item .category--content {
-    line-height: 1.6;
-    padding: 8px 12px
-}
-
-.category--list .category--item .category--content a {
-    font-size: 16px;
-    font-weight: 600
-}
-
-.category--list .category--item .category--content a:hover {
-    color: var(--farallon-hover-color)
-}
-
-.category--list .category--item .category--content .category--desc {
-    font-size: 12px;
-    color: #999
-}
-
-.category--list .category--item .category--cover {
-    width: 100%;
-    height: 128px;
-    object-fit: cover;
-    border-radius: 8px 8px 0 0
-}
-
-@media(max-width:600px) {
-    .category--list {
-        grid-template-columns: repeat(1, 1fr)
-    }
-}
-
-.archive--tagList {
-    display: flex;
-    flex-wrap: wrap
-}
-
-.archive--tagItem {
-    margin: 10px;
-    background-color: var(--farallon-background-gray);
-    padding: 3px 18px;
-    border-radius: 999rem;
-    font-size: 14px;
-    color: var(--farallon-text-light)
-}
-
-.archive--tagItem:hover {
-    color: var(--farallon-hover-color)
-}
-
-.archive--header {
-    text-align: center;
-    padding-bottom: 20px;
-    margin-bottom: 15px
-}
-
-.archive--header .post--single__title {
-    margin-bottom: 0
-}
-
-.archive--header .post--single__subtitle {
-    line-height: 1.4;
-    font-size: 18px;
-    color: var(--farallon-text-light)
-}
-
-.archive-header {
-    text-align: center;
-    padding-top: 30px;
-    padding-left: 80px;
-    padding-right: 80px
-}
-
-.archive-header h1 {
-    font-size: 24px;
-    font-weight: 700
-}
-
-.archive-header .taxonomy-description {
-    font-size: 18px;
-    color: rgba(0, 0, 0, .6)
-}
-
-.archive-title {
-    display: flex;
-    align-items: center
-}
-
-.archive-title svg {
-    margin-right: 10px
-}
-
-.main {
-    position: relative
-}
-
-.main::after {
-    aspect-ratio: 1/3;
-    background-image: linear-gradient(to right, #007cf0, #00dfd8);
-    border: 0 solid #e5e5e5;
-    border-radius: 9999px;
-    bottom: calc(100% - 100px);
-    filter: blur(44px);
-    opacity: .2;
-    position: absolute;
-    right: 0;
-    left: 0;
-    content: ""
-}
-
-.template--map {
-    padding: 50px 0
-}
-
-.template--map .hero--title {
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-image: linear-gradient(90deg, #007cf0, #00dfd8);
-    text-align: center;
-    font-size: 26px;
-    font-weight: 700
-}
-
-.footer-map {
-    border: 0;
-    margin-top: 40px
-}
-
-.template--links .hero--title {
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-image: linear-gradient(90deg, #007cf0, #00dfd8);
-    text-align: center;
-    font-size: 26px;
-    font-weight: 700
-}
-
-.template--linksWrap {
-    padding: 50px 0
-}
-
-.link-items {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 20px;
-    list-style: none
-}
-
-.link-item {
-    border-radius: 10px;
-    padding: 15px
-}
-
-.link-item .sitename {
-    font-size: 12px;
-    color: var(--farallon-text-gray);
-    display: flex;
-    flex-direction: column;
-    line-height: 1.5
-}
-
-.link-item .sitename strong {
-    font-size: 16px;
-    color: var(--farallon-text-color);
-    margin-bottom: 10px
-}
-
-.link-item:hover {
-    background-color: #fafafa;
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%)
-}
-
-.markerPro--post {
-    padding-top: 30px;
-    padding-bottom: 30px
-}
-
-.template--douban {
-    padding: 50px 75px
-}
-
-.template--douban .hero--title {
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-image: linear-gradient(90deg, #007cf0, #00dfd8);
-    text-align: center;
-    font-size: 26px;
-    font-weight: 700
-}
-
-.doulist-item {
-    background: linear-gradient(90deg, rgba(255, 233, 244, .3) 0%, rgba(234, 243, 255, .5) 100%);
-    border-color: rgba(0, 0, 0, 2%)
-}
-
-.mapHeader {
-    display: flex;
-    align-items: center;
-    padding: 30px 0
-}
-
-.mapHeader--title {
-    font-size: 28px
-}
-
-.mapHeader--image {
-    width: 64px;
-    height: 64px;
-    margin-right: 20px
-}
-
-.footer-map {
-    height: 550px;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    position: relative;
-    border-radius: 4px
-}
-
-.footer-map .lds-ripple {
-    position: absolute;
-    z-index: 10;
-    top: calc(50% - 40px);
-    left: calc(50% - 40px)
-}
-
-.footer-map.is-loaded .lds-ripple {
-    display: none
-}
-
-.map--tools {
-    position: absolute;
-    left: 10px;
-    top: 10px;
-    background-color: #fff;
-    width: 32px;
-    height: 32px;
-    z-index: 20px;
-    cursor: pointer
-}
-
-.map--tools.active {
-    background-color: var(--main-bg-color)
-}
-
-.map--tools--mark {
-    top: 52px
-}
-
-.footer-map-note {
-    font-size: 14px;
-    color: rgba(0, 0, 0, .56);
-    margin-bottom: 100px
-}
-
-.header-map-note {
-    margin-top: 30px
-}
-
-.feature--header {
-    padding: 50px 0
-}
-
-.feature--header h1 {
-    font-size: 48px
-}
-
-.feature--header p {
-    font-size: 18px;
-    padding-right: 40%;
-    color: rgba(0, 0, 0, .6)
-}
-
-.linkGroup {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    padding-top: 50px;
-    grid-column-gap: 20px;
-    column-gap: 20px
-}
-
-.link--item {
-    margin-bottom: 40px;
-    padding: 10px 0
-}
-
-.link--item .title {
-    font-size: 18px;
-    font-weight: 700
-}
-
-.link--item .description {
-    line-height: 1.6;
-    font-size: 14px;
-    color: var(--text-gray-light);
-    max-height: 3.2em;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden
-}
-
-.link--item .link {
-    color: var(--main-bg-color);
-    font-size: 12px;
-    font-weight: 700;
-    margin-top: 5px;
-    position: relative;
-    transition: .5s;
-    fill: var(--main-bg-color)
-}
-
-.link--item .link a {
-    display: flex;
-    align-items: center
-}
-
-.link--item .link:hover {
-    transform: translate3d(10px, 0, 0);
-    color: var(--main-hover-color)
-}
-
-@media(max-width:600px) {
-    .feature--header {
-        padding: 30px 0
-    }
-
-    .feature--header h1 {
-        font-size: 32px
-    }
-
-    .feature--header p {
-        font-size: 16px;
-        padding-right: 0;
-        color: var(--text-gray-light)
-    }
-
-    .linkGroup {
-        grid-template-columns: repeat(2, 1fr);
-        padding-top: 30px
-    }
-
-    .link--item {
-        margin-bottom: 10px;
-        padding: 0
-    }
-
-    .mapHeader--title {
-        font-size: 18px
-    }
-
-    .mapHeader--image {
-        width: 32px;
-        height: 32px;
-        margin-right: 10px
-    }
-}
-
-.link--action {
-    border: 2px solid var(--main-bg-color);
-    color: var(--main-bg-color);
-    font-size: 16px;
-    font-weight: 700;
-    padding: 3px 20px;
-    cursor: pointer;
-    border-radius: 2px
-}
-
-.link--action:hover {
-    background-color: var(--main-hover-color);
-    border-color: var(--main-hover-color);
-    color: var(--text-white)
-}
-
-.link--actions {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 50px 0
-}
-
-@media(max-width:600px) {
-    .link--actions {
-        padding: 15px 0
-    }
-}
-
-.tooltip {
-    position: relative;
-    display: flex;
-    align-items: center;
-    cursor: pointer
-}
-
-.tooltip:after {
-    content: "忠实读者";
-    position: absolute;
-    background-color: var(--text-main-color);
-    color: var(--text-white);
-    font-size: 12px;
-    border-radius: 2px;
-    top: -30px;
-    padding: 3px;
-    width: 60px;
-    text-align: center;
-    left: -14px;
-    display: none
-}
-
-.tooltip:hover::after {
-    display: block
-}
-
-.marker {
-    background: linear-gradient(180deg, #cf6609, #cc0000);
-    box-shadow: 0 16px 60px rgba(0, 0, 0, 8%), 0 6px 12px rgba(0, 0, 0, .1);
-    background-size: cover;
-    width: 18px;
-    height: 18px;
-    border-radius: 50%;
-    cursor: pointer;
-    transition: width .2s ease-out, height .2s ease-out;
-    border: 2px solid #fff
-}
-
-.marker::before {
-    position: absolute;
-    border-radius: 100%;
-    content: "";
-    width: 100%;
-    height: 100%;
-    background-image: var(--photo);
-    background-position: 50%;
-    background-size: cover;
-    transition: opacity .5s ease-out;
-    opacity: 0
-}
-
-.marker:not(.no-hover):hover {
-    width: 64px;
-    height: 64px;
-    z-index: 100
-}
-
-.marker:not(.no-hover):hover::before {
-    opacity: 1
-}
-
-.marker.no-post {
-    background: linear-gradient(180deg, #89a9cd 0, #485f81)
-}
-
-.cluster::after {
-    content: attr(data-cardinality);
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    text-align: center;
-    height: 100%;
-    font-size: 12px;
-    font-weight: 700;
-    transition: font-size .2s ease-out
-}
-
-.cluster:hover::after {
-    font-size: 32px
-}
-
-.mapboxgl-popup {
-    width: 200px
-}
-
-.mapboxgl-ctrl-bottom-left {
-    display: none
-}
-
-.mapboxgl-ctrl-bottom-right {
-    display: none
-}
-
-.mapboxgl-popup-content {
-    padding: 5px 10px;
-    line-height: 1.6
-}
-
-.mapboxgl-popup-content h3 {
-    font-weight: 700;
-    padding: 5px 0 0
-}
-
-.mapboxgl-popup-content {
-    font-size: 14px;
-    padding-bottom: 10px
-}
-
-.footer-map-note {
-    font-size: 14px;
-    color: rgba(0, 0, 0, .56);
-    margin-bottom: 100px
-}
-
-.markder {
-    position: absolute;
-    height: 150px;
-    width: 150px;
-    top: var(--y);
-    left: var(--x);
-    border: 2px solid var(--main-bg-color);
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    pointer-events: none;
-    will-change: top, left;
-    transition: border-color .3s linear, opacity .6s ease-out;
-    opacity: .3;
-    z-index: 1000
-}
-
-.meta--map {
-    position: relative;
-    cursor: pointer
-}
-
-.meta--map.active .meta--mapPop {
-    display: block
-}
-
-.meta--mapPop {
-    position: absolute;
-    background-color: rgba(254, 254, 254, .88);
-    border: 12px solid rgba(254, 254, 254, .88);
-    border-radius: 12px;
-    width: 226px;
-    height: 226px;
-    box-sizing: border-box;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
-    z-index: 10;
-    display: none
-}
-
-.footer--map {
-    height: 300px;
-    border-radius: 4px;
-    margin-bottom: 20px;
-    overflow: hidden
-}
-
-.marker--posts {
-    max-height: 200px;
-    overflow-y: auto;
-    padding-top: 10px
-}
-
-.marker--posts::-webkit-scrollbar {
-    width: 1px
-}
-
-.template--404 {
-    padding: 0 80px 80px
-}
-
-.template--404 .error--text {
-    font-size: 120px;
-    text-align: center;
-    color: var(--farallon-text-gray)
-}
-
-.error--posts {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 20px
-}
-
-.post--error {
-    border: 1px solid var(--farallon-border-color-light);
-    padding: 8px;
-    border-radius: 10px
-}
-
-.post--error .post--title {
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 1.3;
-    margin-bottom: 10px
-}
-
-.post--error .cover {
-    width: 100%;
-    height: 150px;
-    object-fit: cover
-}
-
-.post--error .meta {
-    font-size: 12px;
-    color: var(--farallon-text-gray-lightest);
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap
-}
-
-.post--error .meta time {
-    display: flex;
-    align-items: center
-}
-
-.post--error .meta svg {
-    margin-right: 4px;
-    fill: var(--farallon-text-gray-lightest);
-    margin-left: 10px
-}
-
-.post--error .meta svg:first-child {
-    margin-left: 0
-}
-
-.post--error .meta a:hover {
-    text-decoration: underline
-}
-
-.footer--icon {
-    width: 20px;
-    margin-left: 5px;
-    opacity: .7;
-    cursor: no-drop
-}
-
-.footer--icon:hover {
-    opacity: 1
-}
-
-.template--about {
-    padding-top: 20px
-}
-
-.good--list {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 10px;
-    padding: 30px 0 20px
-}
-
-.good--item {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--farallon-background-gray);
-    border-radius: 10px;
-    padding: 30px 0 0;
-    flex-direction: column
-}
-
-.good--item .img-spacer {
-    width: 50%;
-    position: relative;
-    transition: .5s
-}
-
-.good--item:hover .img-spacer {
-    transform: translate3d(0, -5px, 0)
-}
-
-.good--item:hover .good--actions,
-.good--item:hover .good--review {
-    display: flex
-}
-
-.good--name {
-    font-size: 14px;
-    padding-bottom: 10px;
-    color: var(--farallon-text-color);
-    margin-top: 10px;
-    line-height: 1.4;
-    width: 92%
-}
-
-.good--name .brand {
-    color: var(--farallon-text-gray-lightest)
-}
-
-@media(max-width:600px) {
-    .good--list {
-        grid-template-columns: repeat(1, 1fr);
-        grid-gap: 15px;
-        padding: 10px 0 30px
-    }
-}
-
-.dot::before {
-    content: "·";
-    margin-left: 4px;
-    margin-right: 4px
-}
-
-.notice--wrapper {
-    background-color: rgba(0, 0, 0, .9);
-    color: #fff;
-    font-size: 12px;
-    max-width: 800px;
-    padding: 10px 15px;
-    border-radius: 8px;
-    position: fixed;
-    z-index: 1000;
-    top: 15px;
-    left: 50%;
-    transform: translateX(-50%);
-    transition: .5s transform
-}
-
-@media(max-width:768px) {
-    .notice--wrapper {
-        width: 80%
-    }
-}
\ No newline at end of file
diff --git a/dist/css/style.min.css b/dist/css/style.min.css
index 145ccd3..f8438bf 100644
--- a/dist/css/style.min.css
+++ b/dist/css/style.min.css
@@ -1097,6 +1097,11 @@ textarea {
     position: relative
 }
 
+.nav-links a {
+    padding: 20px;
+    position: relative
+}
+
 .nav-links .page-numbers:hover,
 .nav-links .post-page-numbers:hover {
     color: var(--farallon-hover-color)
@@ -1123,6 +1128,14 @@ textarea {
     left: 0
 }
 
+.nav-links span {
+    color: var(--farallon-text-gray)
+}
+
+.hidden { 
+    display: none !important;
+}
+
 .nav-links .page-numbers.dots,
 .nav-links .post-page-numbers.dots {
     color: var(--farallon-text-gray)
diff --git a/dist/js/bundle.js b/dist/js/bundle.js
index 7db07a5..ae0c958 100644
--- a/dist/js/bundle.js
+++ b/dist/js/bundle.js
@@ -46,7 +46,7 @@
       }
       initCopyright() {
         const copyright = `<div class="site--footer__info">
-          Theme <a href="https://fatesinger.com/101971" target="_blank">farallon</a> by bigfa / version ${this.VERSION}
+          Theme <a href="https://fatesinger.com/101971" target="_blank">farallon</a> by bigfa <a href="https://www.imsun.org" target="_blank">&nbsp;Made with Sun</a> / version ${this.VERSION}
       </div>`;
         document.querySelector(".site--footer__content").insertAdjacentHTML("afterend", copyright);
         document.querySelector(".icon--copryrights").addEventListener("click", () => {
diff --git a/footer.php b/footer.php
index 37dd4f5..e1d4187 100644
--- a/footer.php
+++ b/footer.php
@@ -7,18 +7,13 @@
             <?php //sitemap填入
             if($this->options->sitemapurl): ?>
             <a href="<?php $this->options->sitemapurl() ?>" target="_blank">💗</a>
-            <?php endif; ?> 
-            <a href="https://www.typecho.org" target="_blank">Typecho驱动</a>          
-            <a href="https://www.imsun.org" target="_blank">&nbsp;Made with Sun</a> 
+            <?php endif; ?>    
             <?php //添加加载时间控制
             if ($this->options->showtime): ?>
             &nbsp;页面加载耗时<?php echo timer_stop();?> 
             <?php endif; ?>    
-         <div class="copyright">
-         <a href="<?php $this->options->siteUrl(); ?>">
-               <?php $this->options->title(); ?>
-            </a>   &nbsp; © 
-            <?php $this->options->jzyear() ?>-<?php echo date('Y'); ?> 
+         <div class="copyright"> © <?php echo date('Y'); ?> 
+         <?php $this->options->title(); ?>由<a href="https://www.typecho.org" target="_blank">Typecho</a> 驱动
             <svg class="icon icon--copryrights" viewBox="0 0 1040 1024" width="16" height="16">
                 <path
                     d="M717.056236 383.936299l-51.226708 0c-28.2893 0-51.226708 22.936385-51.226708 51.225685l0 128.062678c0 28.2893 22.937408 51.225685 51.226708 51.225685l51.226708 0c28.2893 0 51.225685-22.936385 51.225685-51.225685L768.281921 435.161984C768.281921 406.872684 745.345536 383.936299 717.056236 383.936299zM717.056236 537.611308c0 14.158465-11.480472 25.612331-25.613354 25.612331-14.132882 0-25.612331-11.453866-25.612331-25.612331l0-76.835969c0-14.158465 11.480472-25.613354 25.612331-25.613354 14.133905 0 25.613354 11.453866 25.613354 25.613354L717.056236 537.611308zM1013.977739 426.580538 859.776751 165.30079c-8.888438-15.063067-22.294772-25.975605-37.57171-32.080649-32.708959-34.856879-79.187527-56.638975-130.762159-56.638975L332.862064 76.581166c-51.575656 0-98.0532 21.782096-130.761136 56.639998-15.276938 6.105045-28.683273 17.017582-37.572734 32.079626L10.327206 426.580538c-21.26021 36.069497-8.655124 82.217537 28.239158 103.028515l115.00836 64.967664 0 199.163015c0 99.024318 80.264045 153.678078 179.287339 153.678078l358.580818 0c99.024318 0 179.290409-80.266092 179.290409-179.290409L870.733291 594.575694l115.00836-64.966641C1022.63184 508.798075 1035.238972 462.650035 1013.977739 426.580538zM153.574724 536.518417l-67.058278-37.875632c-24.589025-13.907755-33.019021-44.647873-18.809391-68.684312l85.86767-145.555074L153.574724 536.518417zM646.620024 127.807874c0 56.5786-60.205197 102.45137-134.467551 102.45137-74.261331 0-134.466528-45.873794-134.466528-102.45137L646.620024 127.807874zM819.507606 742.515071c0 84.893482-68.810179 153.677055-153.678078 153.677055L358.475418 896.192126c-84.8679 0-153.675008-68.783573-153.675008-153.677055l0-461.030142c0-76.150354 55.402821-139.361001 128.093377-151.545508 1.332345 83.883479 81.06734 151.545508 179.258687 151.545508 98.19237 0 177.926342-67.662029 179.25971-151.545508 72.690556 12.183484 128.096447 75.394131 128.096447 151.545508L819.508629 742.515071zM937.791569 498.642784l-67.058278 37.875632 0-252.111948 85.86767 145.552004C970.807521 453.995935 962.377524 484.736053 937.791569 498.642784z"
diff --git a/functions.php b/functions.php
index 45c5a0f..e61d35e 100644
--- a/functions.php
+++ b/functions.php
@@ -7,8 +7,6 @@ function themeConfig($form) {
     $form->addInput($icoUrl);
     $sticky = new Typecho_Widget_Helper_Form_Element_Text('sticky', NULL, NULL, _t('置顶文章cid'), _t('多篇文章以`|`符号隔开'), _t('会在首页展示置顶文章。'));
     $form->addInput($sticky);
-    $jzyear = new Typecho_Widget_Helper_Form_Element_Text('jzyear', NULL, NULL, _t('建站年份'), _t('eg. 2006'), _t('会在页脚显示。'));
-    $form->addInput($jzyear);
     $showProfile = new Typecho_Widget_Helper_Form_Element_Radio('showProfile',
     array('0'=> _t('否'), '1'=> _t('是')),
     '0', _t('是否在文章页面显示显示作者信息'), _t('选择“是”将在文章页面包含显示作者信息。'));
diff --git a/postlist.php b/postlist.php
index c7d3c7c..7a01722 100644
--- a/postlist.php
+++ b/postlist.php
@@ -131,59 +131,20 @@ if ($sticky) {
 </article>
 	<?php endwhile; ?>
     <?php
-            $this->pagenav(
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" fill="var(--main)"></path></svg>',
-                '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z" fill="var(--main)"></path></svg>',
+            $this->pageNav(
+                ' ',
+                ' ',
                 1,
                 '...',
                 array(
-                    'wrapTag' => 'div',
-                    'wrapClass' => 'pagination_page',
+                    'wrapTag' => 'nav',
+                    'wrapClass' => 'nav-links nav-links__comment',
                     'itemTag' => '',
-                    'textTag' => 'a',
-                    'currentClass' => 'active',
-                    'prevClass' => 'prev',
-                    'nextClass' => 'next'
+                    'textTag' => 'span',
+                    'itemClass'   => 'page-numbers', 
+                    'currentClass' => 'page-numbers current',
+                    'prevClass' => 'hidden',
+                    'nextClass' => 'hidden'
                 )
             );
-        ?>
-<style>
-/* 分页 */
-.pagination_page{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: var(--margin);
-    gap: 0.5rem;
-}
-.pagination_page li.active a {
-    background: var(--theme);
-    color: #fff;
-    font-weight: 500;
-}
-.pagination_page a{
-    display: flex;
-    padding: 0.5rem;
-    font-size: 0.9rem;
-    width: 1.75rem;
-    height: 1.75rem;
-    background: var(--background);
-    border-radius: 50%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    transition: 0.2s;
-    -webkit-transition: 0.2s;
-    justify-content: center;
-    align-items: center;
-    letter-spacing: 0;
-}
-.pagination_page span.next{
-    cursor: pointer;
-}
-.pagination_page li.active a:hover{
-    cursor: not-allowed;
-}
-/* 分页 */
-</style>
\ No newline at end of file
+        ?>
\ No newline at end of file