upload all

2025-06-24 13:03:14 +08:00
commit bc51415f2f
99 changed files with 5113 additions and 0 deletions
--- a/config/OwO.php
+++ b/config/OwO.php
@@ -0,0 +1,72 @@
+<?php
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * OwO.php 评论区表情文件
+ * @version 2.1
+**/
+?>
+
+<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
+
+    <div class="OwO">
+        <div class="OwO-body" id="OwO-body">
+            <ul class="OwO-items" style="max-height: 0;padding: 0px;">
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(chuibao)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/chuibao.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(good)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/good.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(hehe)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/hehe.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(doge)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/doge.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(wow)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/wow.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(huaji)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/huaji.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(azhe)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/azhe.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(cry)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/cry.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(fighting)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/fighting.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(bixin)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/bixin.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(yygq)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/yygq.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(chigua)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/chigua.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(mojing)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/mojing.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(hahaha)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/hahaha.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(aojiao)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/aojiao.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(kunhuo)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/kunhuo.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(wosuanle)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/wosuanle.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(happy)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/happy.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(mengxin)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/mengxin.webp" loading="lazy"></li> 
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(baofu)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/baofu.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(yeah)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/yeah.webp" loading="lazy"></li> 
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(jingxi)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/jingxi.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(wukongDoge)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/wukongDoge.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(wuyan)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/wuyan.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(baoquan)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/baoquan.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(zanghu)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/zanghu.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(ganbei)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/ganbei.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(luotianyi)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/luotianyi.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwO(aixin)');"><img src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/aixin.webp" loading="lazy"></li>
+                <br>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(sanlian)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/sanlian.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(haojiahuo)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/haojiahuo.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(haoye)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/haoye.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(miao)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/miao.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(bucuoo)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/bucuoo.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(youya)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/youya.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(mangqu)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/mangqu.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(pofang)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/pofang.webp" loading="lazy"></li>
+                <br>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(haixiu)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/haixiu.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(rana)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/rana.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(anon)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/anon.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(rwkk)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/rwkk.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(chuji)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/chuji.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(wtzn)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/wtzn.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(offer)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/offer.webp" loading="lazy"></li>
+                <li class="OwO-item" onclick="Smilies.grin('@OwOb(jingya)');"><img style="width:45px;height:auto;" src="<?php $this->options->themeUrl(''); ?>/config/style/img/bili/jingya.webp" loading="lazy"></li>
+
+                <p style="opacity: .2"><small>&copy;<?php echo date('Y');?> bilibili.com</small></p> 
+             </ul>
+        </div>
+    </div>
--- a/config/comments.php
+++ b/config/comments.php
@@ -0,0 +1,213 @@
+<?php
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * comments.php 评论区配置文件
+ * @version 2.1
+ * 参考自 Typecho 自带的默认主题
+**/
+?>
+
+<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit;
+ $GLOBALS['theme_url'] = $this->options->themeUrl;
+?>
+
+
+<!--展示评论区-->
+<?php function threadedComments($comments, $options) {
+    $commentClass = '';
+    if ($comments->authorId) {
+        if ($comments->authorId == $comments->ownerId) {
+            $commentClass = '<b><span class="btnyuan adminsign"> 作者 </span></b>';  //如果是文章作者的评论添加样式
+        }else{
+        }
+    } 
+    $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent';  //评论层数大于0为子级，否则是父级
+?>
+ 
+ 
+<li id="li-<?php $comments->theId(); ?>" class="comment-body<?php 
+if ($comments->levels > 0) {
+    echo ' comment-child';
+    $comments->levelsAlt(' comment-level-odd', ' comment-level-even');
+}else{
+    echo ' comment-parent';
+}
+$comments->alt(' comment-odd', ' comment-even');
+?>">
+<div id="<?php $comments->theId(); ?>" style="margin-bottom:10px;">
+    <div class="comment-author ">
+        <span itemprop="image">
+            <?php //Gravatar 头像源
+                $mail=$comments->mail;
+                $mail=md5($mail);
+                $headicon='https://cravatar.cn/avatar/'.$mail.'.png';
+                echo '<img class="headicon" src="'.$headicon.'" height="46px" width="46px" style="border-radius:50%;float:left;margin-top:0px;margin-right:10px;margin-bottom:-2px" loading="lazy">'; 
+            ?>
+        </span>
+    <p><b style="position: relative; top: 1px;"><?php $comments->author(); ?></b><small class="mdui-typo-caption-opacity"><?php echo $commentClass; ?><?php getOs($comments->agent); ?>   <?php getBrowser($comments->agent); ?></small></p>
+    </div>
+       
+    <div class="mdui-typo-caption-opacity"><?php $comments->date('y-m-d H:i'); ?> · <b><?php $comments->reply('回复'); ?></b></div>
+        <?php 
+        // 解析带表情的评论内容
+        $parsedComment = preg_replace_callback(
+            '#\@OwO(b)?\((.*?)\)#',
+            function ($matches) {
+                $width = $matches[1] ? '50' : '30'; // "b"ig表情
+                $emoticon = $matches[2];
+                $themeUrl = htmlspecialchars($GLOBALS['theme_url'], ENT_QUOTES, 'UTF-8');
+
+                return '<img style="width:' . $width . 'px; height:auto; margin-bottom:-7px;" ' .
+                       'src="' . $themeUrl . '/config/style/img/bili/' . $emoticon . '.webp" ' .
+                       'loading="lazy" alt="' . $emoticon . '">';
+            },
+            $comments->content
+        );
+        echo '<div style="padding-top:5px;">' . $parsedComment . '</div>';
+        ?>
+
+</div>
+<div class="content">
+    <hr>
+</div>
+<?php if ($comments->children) { ?>
+<div class="comment-children">
+    <?php $comments->threadedComments($options); ?>
+</div>
+<?php } ?>
+</li>
+
+<?php } ?>
+
+
+<!--撰写评论区-->
+<div id="comments">
+    <h1><i class="mdui-icon material-icons">comment</i>&nbsp;评论区</h1>
+    <?php $this->comments()->to($comments); ?>
+
+    <?php if($this->allow('comment')): ?>
+    <div id="<?php $this->respondId(); ?>" class="respond">
+        <div class="cancel-comment-reply">
+        <?php $comments->cancelReply(); ?>
+    </div>
+    
+        <h3 id="response"><?php _e('添加新评论'); ?></h3>
+        <form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form">
+            <?php if($this->user->hasLogin()): ?>
+                当前登录身份：<?php $this->author->screenName(); ?><br><br>
+                <div class="OwO-logo" onclick="OwO_show()"><!--登录状态下-->
+                <kbd>OωO表情</kbd>
+                </div>
+                <br><br>
+                <?php $this->need('config/OwO.php'); ?>
+                <div class="mdui-textfield mdui-textfield-floating-label">
+              <i class="mdui-icon material-icons">textsms</i>
+                <textarea class="mdui-textfield-input" name="text" id="textarea" value="<?php $this->remember('text'); ?>" placeholder="开始发表评论吧" required/></textarea>
+                <div class="mdui-textfield-error">内容不能为空</div>
+            </div>
+            <?php AKAROM_simple_captcha_math();?>
+            <?php else: ?>
+              <div class="OwO-logo" onclick="OwO_show()"><!--非登录状态下-->
+              <kbd>OωO表情</kbd>
+              </div>
+              <br><br>
+              <?php $this->need('config/OwO.php'); ?>
+                <div class="mdui-textfield mdui-textfield-floating-label">
+              <i class="mdui-icon material-icons">textsms</i>
+                <textarea class="mdui-textfield-input" name="text" id="textarea" value="<?php $this->remember('text'); ?>" placeholder="说点什么吧~" required/></textarea>
+                <div class="mdui-textfield-error">内容不能为空</div>
+            </div>
+
+             <div class="mdui-row">
+                <div class="mdui-col-sm-6">
+                  <div class="mdui-textfield">
+                    <i class="mdui-icon material-icons">account_circle</i>
+                    <input class="mdui-textfield-input" name="author" id="author" value="<?php $this->remember('author'); ?>" type="text" placeholder="昵称" required/>
+                    <div class="mdui-textfield-error">昵称不能为空</div>
+                  </div>
+                </div>
+                <div class="mdui-col-sm-6">
+                  <div class="mdui-textfield">
+                    <i class="mdui-icon material-icons">email</i>
+                    <input class="mdui-textfield-input" type="email" name="mail" id="mail" value="<?php $this->remember('mail'); ?>" placeholder="电子邮件" required/>
+                    <div class="mdui-textfield-error">邮件地址格式错误</div>
+                  </div>
+                </div>
+             </div>
+             
+             <div class="mdui-row">
+                <div class="mdui-col-sm-6">
+                  <div class="mdui-textfield">
+                    <i class="mdui-icon material-icons">web</i>
+                    <input class="mdui-textfield-input" type="url" name="url" id="url" value="<?php $this->remember('url'); ?>" placeholder="网站(选填)(https://)">
+                  </div>
+                </div>
+                <div class="mdui-col-sm-6">
+                <?php AKAROM_simple_captcha_math();?>
+                </div>
+             </div>
+         
+            <?php endif; ?>
+            <span class="akarom-alter-button-valign">
+                <span class="akarom-alter-button akarom-alter-button-disabled blur yuan mdui-center" id="submitComment">
+                    <i class="mdui-icon material-icons">keyboard</i><b>发表评论</b>
+                </span>
+            </span>
+            <script>
+            function checkInputs() {
+              const textarea = document.getElementById("textarea");
+              const sum = document.getElementById("sum");
+              const button = document.getElementById("submitComment");
+
+              if (!textarea || !sum || !button) {
+                return;
+              }
+
+              if (textarea.value.trim() !== "" && sum.value.trim() !== "") {
+                button.classList.remove("akarom-alter-button-disabled");
+              } else {
+                button.classList.add("akarom-alter-button-disabled");
+              }
+            }
+
+            document.getElementById("textarea").addEventListener("input", checkInputs);
+            document.getElementById("sum").addEventListener("input", checkInputs);
+
+            document.getElementById("submitComment").addEventListener("click", function() {
+              if (!document.getElementById("submitComment").classList.contains("akarom-alter-button-disabled")) {
+                document.getElementById("comment-form").submit();
+              }
+            });
+            </script>
+            <br><br>
+        </form>
+    </div>
+    <?php else: ?>
+    <h3 class="mdui-valign">
+      <i class="mdui-icon material-icons">error_outline</i>&nbsp;当前评论区已关闭
+    </h3>
+    <?php endif; ?>
+     <hr>
+    <?php if ($comments->have()): ?>
+    <h3><?php $this->commentsNum( _t('仅有一条评论'), _t('已有 %d 条评论')); ?></h3>
+    <?php $comments->listComments(); ?>
+    <span calss="outlineborder">
+    <?php $comments->pageNav('< 前一页', '后一页 >'); ?>
+    </span>
+    <?php endif; ?>
+    <?php if (!($comments->have())): ?>
+      <?php if($this->allow('comment')): ?>
+        <h3 class="mdui-valign"><i class="mdui-icon material-icons">star_outline</i>&nbsp;咱快来抢个沙发吧！</h3>
+        <?php endif; ?>
+    </hr>
+        <?php endif; ?>
+
+    
+</div>
--- a/config/footer.php
+++ b/config/footer.php
@@ -0,0 +1,161 @@
+<?php
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * footer.php 页脚文件
+ * @version 2.1 - 250202
+**/
+?>
+
+<div class="mdui-shadow-0 mdui-text-center mdui-card toup">
+<br>
+      <br>
+      <span class="title">
+        &copy;<?php echo date("Y"); ?> <?php $this->options->title(); ?>
+        <br>
+        <?php if($this->options->AKAROMfootericp):?>
+            <?php echo'<br>';
+                  echo $this->options->AKAROMfootericp; ?>
+        </span><br>
+          <?php else: ?>
+            </span><br>
+            <a href="https://beian.miit.gov.cn/" target="_blank" class="chameleon underline">备案号XXXXXX</a><br>
+        <?php endif;?>
+         <br>
+         <!-- 已经弄得很不显眼了，请不要删除以下信息 -->
+      <small style="opacity: .5;">Theme <b><a class="chameleon underline" onclick="window.location.href='https://imakashi.eu.org/blog/archives/themeRomanticism.html'">Romanticism2.1</a></b> by <a class="chameleon underline" onclick="window.location.href='https://imakashi.eu.org/'"><b>Akashi</b></a>
+      <br>
+      Powered by <a class="chameleon underline" onclick="window.location.href='https://typecho.org'"><b>Typecho</b></a></small>
+      <br><br>
+    </div>
+
+    <script>
+        document.getElementById("switch-theme").addEventListener("click", () => {
+            const isDark = document.body.classList.toggle("mdui-theme-layout-dark");
+            if(isDark){
+                localStorage.romanticismTheme = true;
+            }else{
+                delete localStorage.romanticismTheme;
+            }
+        });
+    </script>
+
+    <script src="<?php $this->options->themeUrl('config/mdui/js/mdui.min.js'); ?>"></script>
+    <script src="<?php $this->options->themeUrl('config/js/jquery.min.js'); ?>"></script>
+    
+    <script src="<?php $this->options->themeUrl('config/js/listLazyload.js?v=2.1'); ?>"></script>
+    <script src="<?php $this->options->themeUrl('config/js/tagIcon.js?v=2.1'); ?>"></script>
+    <script src="<?php $this->options->themeUrl('config/js/customStyle.js?v=2.1'); ?>"></script>
+    <script src="<?php $this->options->themeUrl('config/js/returntop.js?v=2.1'); ?>"></script>
+    <script src="<?php $this->options->themeUrl('config/js/prism.highlight.js'); ?>"></script>
+
+    <script src="<?php $this->options->themeUrl('config/js/jquery.fancybox.min.js'); ?>"></script>
+    <script>
+        $(document).ready(function () {
+            $( ".fancybox").fancybox();
+        });
+    </script>
+
+    <?php if (!empty($this->options->AKAROMfucset) && in_array('AKAROMindexloading', $this->options->AKAROMfucset)): ?>
+    <script type="text/javascript" src="<?php $this->options->themeUrl('config/js/loading.js?v=2.1'); ?>"></script>
+    <?php endif; ?>
+    
+    <!-- 增强的懒加载脚本 -->
+    <script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const lazyImages = [].slice.call(document.querySelectorAll("img.lazy, img[loading='lazy'], img.AKAROMlazyload"));
+        
+        if ("IntersectionObserver" in window) {
+            let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
+                entries.forEach(function(entry) {
+                    if (entry.isIntersecting) {
+                        let lazyImage = entry.target;
+                        if (lazyImage.dataset.src) {
+                            lazyImage.src = lazyImage.dataset.src;
+                            lazyImage.removeAttribute("data-src");
+                        }
+                        if (lazyImage.dataset.bg) {
+                            lazyImage.style.backgroundImage = "url('" + lazyImage.dataset.bg + "')";
+                            lazyImage.removeAttribute("data-bg");
+                        }
+                        lazyImage.classList.remove("lazy");
+                        lazyImage.classList.remove("AKAROMlazyload");
+                        lazyImageObserver.unobserve(lazyImage);
+                    }
+                });
+            });
+            
+            lazyImages.forEach(function(lazyImage) {
+                lazyImageObserver.observe(lazyImage);
+            });
+        } else {
+            // 回退到传统的延迟加载
+            let active = false;
+            
+            const lazyLoad = function() {
+                if (active === false) {
+                    active = true;
+                    
+                    setTimeout(function() {
+                        lazyImages.forEach(function(lazyImage) {
+                            if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
+                                if (lazyImage.dataset.src) {
+                                    lazyImage.src = lazyImage.dataset.src;
+                                    lazyImage.removeAttribute("data-src");
+                                }
+                                if (lazyImage.dataset.bg) {
+                                    lazyImage.style.backgroundImage = "url('" + lazyImage.dataset.bg + "')";
+                                    lazyImage.removeAttribute("data-bg");
+                                }
+                                lazyImage.classList.remove("lazy");
+                                lazyImage.classList.remove("AKAROMlazyload");
+                                
+                                if (lazyImages.length === 0) {
+                                    document.removeEventListener("scroll", lazyLoad);
+                                    window.removeEventListener("resize", lazyLoad);
+                                    window.removeEventListener("orientationchange", lazyLoad);
+                                }
+                            }
+                        });
+                        
+                        active = false;
+                    }, 200);
+                }
+            };
+            
+            document.addEventListener("scroll", lazyLoad);
+            window.addEventListener("resize", lazyLoad);
+            window.addEventListener("orientationchange", lazyLoad);
+            lazyLoad();
+        }
+    });
+    </script>
+    
+    <script src="<?php $this->options->themeUrl('config/js/OwO.js'); ?>"></script>
+    <script>
+    function OwO_show() {
+        if ($(".OwO-items").css("max-height") == '0px') {
+            $(".OwO").addClass("OwO-open");
+        } else {
+            $(".OwO").removeClass("OwO-open");
+        }
+    }
+    </script>
+
+    <!-- 自定义JS -->
+    <?php if(!empty($this->options->AKAROMcustomJs)): ?>
+        <script type="text/javascript">
+            <?php $this->options->AKAROMcustomJs(); ?>
+        </script>
+    <?php endif; ?>
+
+    <?php $this->footer(); ?>
+</div>
+</body>
+</html>
--- a/config/header.php
+++ b/config/header.php
@@ -0,0 +1,161 @@
+<?php
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * header.php 页首文件
+ * @version 2.1
+ * @link https://imakashi.eu.org/
+**/
+?>
+
+<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; 
+// 仅抑制通知和不重要的警告，保留重要错误
+error_reporting(E_ERROR | E_PARSE | E_CORE_ERROR | E_COMPILE_ERROR | E_USER_ERROR);
+?>
+
+<!DOCTYPE HTML>
+<html lang="zh-CN" class="no-js">
+<head>
+<meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <meta name="renderer" content="webkit"/>
+    <meta name="force-rendering" content="webkit"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+
+    <meta name="copyright" content="Copyright(C)<?php echo date('Y');?> <?php $this->options->title() ?>"/>
+    <meta name="author" content="<?php $this->author(); ?>"/>
+    <!-- SEO优化标签 -->
+    <?php if($this->is('index')): ?>
+    <meta name="description" content="<?php $this->options->description() ?>" />
+    <meta name="keywords" content="<?php $this->options->keywords() ?>" />
+    <?php elseif($this->is('post') || $this->is('page')): ?>
+    <meta name="description" content="<?php $this->description(); ?>" />
+    <meta name="keywords" content="<?php $this->keywords(', '); ?>" />
+    <?php endif; ?>
+    <?php if($this->is('post')): ?>
+    <meta property="og:title" content="<?php $this->title() ?>" />
+    <meta property="og:description" content="<?php $this->description(); ?>" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="<?php $this->permalink() ?>" />
+    <?php endif; ?>
+    <meta name="TypechoTemplateInfo" content="Creator: Akashi Nishikata; Link: imakashi.eu.org; Release: 2025-02">
+
+    <!-- 通过自有函数输出HTML头部信息 -->
+    <?php $this->header(); ?>
+
+    <link href="<?php $this->options->AKAROMsign(); ?>" rel="icon" type="image/x-icon"><!--图标-->
+
+    <!-- 使用更可靠的字体CDN并添加预加载 -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;900&display=swap" rel="stylesheet">
+
+    <title><?php $this->archiveTitle(array(
+            'category'  =>  _t('分类 %s 下的文章'),
+            'search'    =>  _t('包含关键字 %s 的文章'),
+            'tag'       =>  _t('标签 %s 下的文章'),
+            'author'    =>  _t('%s 发布的文章')
+        ), '', ' - '); ?><?php $this->options->title(); ?></title>
+
+    <!-- 使用url函数转换相关路径 -->
+    <link rel="stylesheet" href="<?php $this->options->themeUrl('config/mdui/css/mdui.min.css'); ?>">
+    <link rel="stylesheet" href="<?php $this->options->themeUrl('config/style/romanticism.aka.css?v=2.1'); ?>">
+    <!-- 延迟加载非关键CSS -->
+    <link rel="preload" href="<?php $this->options->themeUrl('config/style/prism.highlight.css'); ?>" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="<?php $this->options->themeUrl('config/style/prism.highlight.css'); ?>"></noscript>
+    <link rel="preload" href="<?php $this->options->themeUrl('config/style/jquery.fancybox.css'); ?>" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="<?php $this->options->themeUrl('config/style/jquery.fancybox.css'); ?>"></noscript>
+    <link rel="stylesheet" href="<?php $this->options->themeUrl('config/style/icon.aka.css'); ?>">
+    <link rel="preload" href="<?php $this->options->themeUrl('config/style/OwO.css'); ?>" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="<?php $this->options->themeUrl('config/style/OwO.css'); ?>"></noscript>
+
+    <!-- CSS加载回退脚本 -->
+    <script>
+    !function(n){"use strict";n.loadCSS||(n.loadCSS=function(){});var o=loadCSS.relpreload={};if(o.support=function(){var e;try{e=n.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),o.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},o.poly=function(){if(!o.support())for(var t=n.document.getElementsByTagName("link"),e=0;e<t.length;e++){var a=t[e];"preload"!==a.rel||"style"!==a.getAttribute("as")||a.getAttribute("data-loadcss")||(a.setAttribute("data-loadcss",!0),o.bindMediaToggle(a))}},!o.support()){o.poly();var t=n.setInterval(o.poly,500);n.addEventListener?n.addEventListener("load",function(){o.poly(),n.clearInterval(t)}):n.attachEvent&&n.attachEvent("onload",function(){o.poly(),n.clearInterval(t)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:n.loadCSS=loadCSS}("undefined"!=typeof global?global:this);
+    </script>
+
+    <!-- 自定义CSS -->
+    <?php if(!empty($this->options->AKAROMcustomCss)): ?>
+        <style type="text/css">
+          <?php $this->options->AKAROMcustomCss(); ?>
+        </style>
+    <?php endif; ?>
+
+</head>
+<!--[if lte IE 10]>
+    <div class="browsehappy" role="dialog">您正在使用<strong>过时的</strong>浏览器. 为了更好的体验, 请 <a href="https://browsehappy.com/">升级你的浏览器</a>.</div>
+<![endif]-->
+
+<body class="mdui-theme-layout-light mdui-theme-primary-blue mdui-theme-accent-red">
+
+  <script>
+    if (localStorage.romanticismTheme) {
+        document.body.classList.add("mdui-theme-layout-dark");
+      }
+  </script>
+
+<div class="mdui-appbar blur mdui-appbar-fixed mdui-shadow-0">
+    <div class="mdui-toolbar">
+      <a class="mdui-hidden-xs-down"></a>
+      <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#mainsidebar', overlay: true}"><i class="mdui-icon material-icons">menu</i></button>
+      <span class="mdui-typo-title chameleon" onclick="window.location.href='<?php $this->options ->siteUrl(); ?>'"><b><?php $this->options->title(); ?></b></span>
+      <div class="mdui-toolbar-spacer"></div>
+      <button class="mdui-btn mdui-btn-icon" mdui-dialog="{target: '#search'}"><i class="mdui-icon material-icons">search</i></button>
+      <button type="button" class="mdui-btn mdui-btn-icon" id="switch-theme"> <i class="mdui-icon material-icons">brightness_6</i></button>
+      <a class="mdui-hidden-xs-down"></a>
+    </div>
+  </div>
+  <div class="mdui-dialog yuan blur" id="search">
+  <div class="mdui-container">
+    <div class="mdui-typo">
+    <h3 class="mdui-valign"><i class="mdui-icon material-icons">search</i>&nbsp;搜索一下</h3>
+    <form id="searchform" method="post" action="" role="search">
+    <div class="mdui-row">
+      <div class="mdui-col-xs-8 mdui-col-sm-10">
+        <input class="mdui-textfield-input" type="text" id="s" name="s" placeholder="请输入搜索关键字" maxlength="30"/>
+      </div>
+      <div class="mdui-col-xs-4 mdui-col-sm-2">
+            <span class="akarom-alter-button-valign">
+              <span class="akarom-alter-button blur yuan mdui-center" id="submitSearch">
+                <i class="mdui-icon material-icons">bubble_chart</i><b>搜索</b>
+              </span>
+            </span>
+      </div>
+
+      <script>
+        document.getElementById("submitSearch").addEventListener("click", function() {
+          document.getElementById("searchform").submit();
+        });
+      </script>
+
+    </div>
+    <h3 class="mdui-valign"><i class="mdui-icon material-icons">label_outline</i>&nbsp;标签云</h3>
+      <?php $this->widget('Widget_Metas_Tag_Cloud', 'sort=rand()&ignoreZeroCount=1&desc=0&limit=15')->to($tags); ?>
+      <?php if($tags->have()): ?>
+      <?php while ($tags->next()): ?>
+        <?php echo'
+            <div class="btnyuan outlineborder"><a href="'.$tags->permalink.' " rel="tag"><b>#'.$tags->name.'</b></a> <span class="mdui-typo-caption-opacity"> ('.$tags->count.')</span></div>
+        '; ?>
+      <?php endwhile; ?>
+      <?php else: ?>
+        <?php _e('未找到含有标签的文章'); ?>
+      <?php endif; ?> 
+    <br><br>
+    </form>
+  </div>
+  </div>
+</div>
+
+<?php $this->need('config/sidebar.php');?>
+
+
+
+
+    
+    
--- a/config/js/OwO.js
+++ b/config/js/OwO.js
@@ -0,0 +1,14 @@
+ Smilies = {
+        dom: function(id) {
+            return document.getElementById(id);
+        },
+        grin: function(tag) {
+            tag = ' ' + tag + ' ';
+            myField = this.dom("textarea");
+            document.selection ? (myField.focus(), sel = document.selection.createRange(), sel.text = tag, myField.focus()) : this.insertTag(tag);
+        },
+        insertTag: function(tag) {
+            myField = Smilies.dom("textarea");
+            myField.selectionStart || myField.selectionStart == "0" ? (startPos = myField.selectionStart, endPos = myField.selectionEnd, cursorPos = startPos, myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length), cursorPos += tag.length, myField.focus(), myField.selectionStart = cursorPos, myField.selectionEnd = cursorPos) : (myField.value += tag, myField.focus());
+        }
+    }
--- a/config/js/customStyle.js
+++ b/config/js/customStyle.js
@@ -0,0 +1,44 @@
+$(document).ready(function() {
+    let fontSize = localStorage.getItem("fontSize") ? parseInt(localStorage.getItem("fontSize")) : 18;
+    let serif = localStorage.getItem("fontFamily") ? localStorage.getItem("fontFamily") === "serif" : true;
+
+    function applySettings() {
+        $(".mdui-typo p").css({
+            "font-size": fontSize + "px",
+        });
+        $("body").css({
+            "font-family": serif ? "'Noto Serif SC', serif" : "sans-serif"
+        });
+        $("span").css({
+            "font-family": serif ? "'Noto Serif SC', serif" : "sans-serif"
+        });
+        $("a").css({
+            "font-family": serif ? "'Noto Serif SC', serif" : "sans-serif"
+        });
+        $("#fontSize").text(fontSize);
+    }
+
+    $("#decrease").click(function() {
+        if (fontSize > 12) {
+            fontSize--;
+            localStorage.setItem("fontSize", fontSize);
+            applySettings();
+        }
+    });
+
+    $("#increase").click(function() {
+        if (fontSize < 25) {
+            fontSize++;
+            localStorage.setItem("fontSize", fontSize);
+            applySettings();
+        }
+    });
+
+    $("#toggleFont").click(function() {
+        serif = !serif;
+        localStorage.setItem("fontFamily", serif ? "serif" : "sans-serif");
+        applySettings();
+    });
+
+    applySettings();
+});
--- a/config/js/jquery.fancybox.min.js
+++ b/config/js/jquery.fancybox.min.js
--- a/config/js/jquery.min.js
+++ b/config/js/jquery.min.js
--- a/config/js/listLazyload.js
+++ b/config/js/listLazyload.js
@@ -0,0 +1,38 @@
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(entry => {
+
+    if (entry.isIntersecting) {
+      const element = entry.target;
+      const bgUrl = element.getAttribute('data-bg');
+      
+      if (bgUrl) {
+        const img = new Image();
+        img.onload = () => {
+          element.style.backgroundImage = `url(${bgUrl})`;
+        };
+        img.src = bgUrl;
+        observer.unobserve(element);
+      }
+    }
+  });
+}, {
+  // 配置项
+  rootMargin: '50px 0px',
+  threshold: 0.01
+});
+
+const lazyLoadElements = document.querySelectorAll('.AKAROMlazyload');
+
+lazyLoadElements.forEach(element => {
+  observer.observe(element);
+});
+
+const styles = `
+.AKAROMlazyload {
+  background-color: Aquamarine;
+}
+`;
+
+const styleSheet = document.createElement('style');
+styleSheet.textContent = styles;
+document.head.appendChild(styleSheet);
--- a/config/js/loading.js
+++ b/config/js/loading.js
@@ -0,0 +1,31 @@
+//Loading页面
+document.onreadystatechange = function () {
+    if (document.readyState == "complete") {
+        loadingFade();
+    }
+}
+
+function loadingFade() {
+    var opacity = 1;
+    var fadeSpeed = 0.05; // 渐变速度
+    var loadingBackground = document.getElementById('loading_bg');
+    var loadingBox = document.getElementById('loading');
+
+    if (!loadingBackground || !loadingBox) {
+        return;
+    }
+
+    function fade() {
+        if (opacity <= 0) {
+            $('#loading').remove();
+            return;
+        }
+
+        loadingBackground.style.opacity = opacity;
+        loadingBox.style.opacity = opacity;
+        opacity -= fadeSpeed;
+        requestAnimationFrame(fade); // 使用requestAnimationFrame来提高动画性能
+    }
+
+    fade();
+}
--- a/config/js/prism.highlight.js
+++ b/config/js/prism.highlight.js
--- a/config/js/returntop.js
+++ b/config/js/returntop.js
@@ -0,0 +1,106 @@
+var scrolltotop={
+
+    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
+
+    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
+
+    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
+
+    controlHTML: '<button class="mdui-shadow-1 blur mdui-shadow-0 mdui-fab-fixed mdui-fab mdui-fab-mini"><i class="mdui-icon material-icons">keyboard_arrow_up</i></button>', 
+
+    controlattrs: {offsetx:30, offsety:30}, //offset of control relative to right/ bottom of window corner
+
+    anchorkeyword: 'javascript:scroll(0,0)', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
+
+ state: {isvisible:false, shouldvisible:false},
+
+
+    scrollup:function(){
+
+        if (!this.cssfixedsupport) //if control is positioned using JavaScript
+
+            this.$control.css({opacity:0}) //hide control immediately after clicking it
+
+        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
+
+        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
+
+            dest=jQuery('#'+dest).offset().top
+
+        else
+
+            dest=0
+
+        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
+
+    },
+
+
+    keepfixed:function(){
+
+        var $window=jQuery(window)
+
+        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
+
+        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
+
+        this.$control.css({left:controlx+'px', top:controly+'px'})
+
+    },
+
+
+    togglecontrol:function(){
+
+
+
+        var scrolltop=jQuery(window).scrollTop()
+
+        if (!this.cssfixedsupport)
+
+            this.keepfixed()
+
+        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
+
+        if (this.state.shouldvisible && !this.state.isvisible){
+
+            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
+
+            this.state.isvisible=true
+
+        }
+
+        else if (this.state.shouldvisible==false && this.state.isvisible){
+
+            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
+
+            this.state.isvisible=false
+
+        }
+    },
+   
+    init:function(){
+        jQuery(document).ready(function($){
+            var mainobj=scrolltotop
+            var iebrws=document.all
+            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
+            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
+            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
+                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
+                .attr({title:'Scroll to Top'})
+                .click(function(){mainobj.scrollup(); return false})
+                .appendTo('body')
+            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
+                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
+            mainobj.togglecontrol()
+
+$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
+                mainobj.scrollup()
+                return false
+            })
+            $(window).bind('scroll resize', function(e){
+                mainobj.togglecontrol()
+            })
+        })
+    }
+}
+scrolltotop.init()
--- a/config/js/smoothScoll.js
+++ b/config/js/smoothScoll.js
@@ -0,0 +1,64 @@
+(function() {
+      let scrollCurrent = window.scrollY || 0;
+      let velocity = 0;
+      let isAnimating = false;
+      const friction = 0.95;
+      const accelerationFactor = 0.05;
+
+      function animate() {
+        velocity *= friction;
+        
+        // 计算新的滚动位置
+        const newScrollPosition = scrollCurrent + velocity;
+        
+        // 获取文档最大可滚动高度
+        const maxScroll = document.documentElement.scrollHeight - window.innerHeight;
+        
+        // 边界检查
+        if (newScrollPosition <= 0) {
+          scrollCurrent = 0;
+          velocity *= 0.5; // 触顶时快速减速
+        } else if (newScrollPosition >= maxScroll) {
+          scrollCurrent = maxScroll;
+          velocity *= 0.5; // 触底时快速减速
+        } else {
+          scrollCurrent = newScrollPosition;
+        }
+
+        window.scrollTo(0, scrollCurrent);
+
+        // 当速度足够小或触及边界时停止动画
+        if (Math.abs(velocity) > 0.5 && scrollCurrent > 0 && scrollCurrent < maxScroll) {
+          requestAnimationFrame(animate);
+        } else {
+          isAnimating = false;
+        }
+      }
+
+      window.addEventListener('wheel', function(e) {
+        e.preventDefault();
+        
+        let delta = e.deltaY;
+        if (e.deltaMode === 1) {
+          delta *= 33;
+        } else if (e.deltaMode === 2) {
+          delta *= window.innerHeight;
+        }
+
+        // 获取当前滚动位置和最大滚动位置
+        const currentScroll = window.scrollY;
+        const maxScroll = document.documentElement.scrollHeight - window.innerHeight;
+
+        // 在边界处减小加速度
+        if ((currentScroll <= 0 && delta < 0) || (currentScroll >= maxScroll && delta > 0)) {
+          delta *= 0.3; // 在边界处降低滚动速度
+        }
+
+        velocity += delta * accelerationFactor;
+
+        if (!isAnimating) {
+          isAnimating = true;
+          requestAnimationFrame(animate);
+        }
+      }, { passive: false });
+    })();
--- a/config/js/tagIcon.js
+++ b/config/js/tagIcon.js
@@ -0,0 +1,34 @@
+function updateIcon(filterValue) {
+    const iconElement = document.querySelector('.akarom-articletag-index .mdui-icon');
+    switch(filterValue) {
+        case 'article':
+            iconElement.textContent = 'blur_circular';
+            break;
+        case 'sms':
+            iconElement.textContent = 'tonality';
+            break;
+        default:
+            iconElement.textContent = 'panorama_fish_eye';
+            break;
+    }
+}
+
+// 默认过滤器
+document.addEventListener('DOMContentLoaded', () => {
+    const savedFilter = localStorage.getItem('articleFilter') || 'all';
+    const filterElement = document.getElementById('filter' + savedFilter);
+    if (filterElement) {
+        filterElement.checked = true;
+        updateIcon(savedFilter);
+    }
+});
+
+document.querySelectorAll('input[name="filter"]').forEach(radio => {
+    radio.addEventListener('change', (e) => {
+        if (e.target.checked) {
+            const filterValue = e.target.value;
+            localStorage.setItem('articleFilter', filterValue);
+            updateIcon(filterValue);
+        }
+    });
+});
--- a/config/mdui/css/mdui.min.css
+++ b/config/mdui/css/mdui.min.css
--- a/config/mdui/icons/material-icons/LICENSE.txt
+++ b/config/mdui/icons/material-icons/LICENSE.txt
@@ -0,0 +1,393 @@
+Attribution 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+	wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More_considerations
+     for the public: 
+	wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution 4.0 International Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution 4.0 International Public License ("Public License"). To the
+extent this Public License may be interpreted as a contract, You are
+granted the Licensed Rights in consideration of Your acceptance of
+these terms and conditions, and the Licensor grants You such rights in
+consideration of benefits the Licensor receives from making the
+Licensed Material available under these terms and conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  d. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  e. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  f. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  g. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  h. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  i. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  j. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  k. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part; and
+
+            b. produce, reproduce, and Share Adapted Material.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+       4. If You Share Adapted Material You produce, the Adapter's
+          License You apply must not prevent recipients of the Adapted
+          Material from complying with this Public License.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material; and
+
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+
+=======================================================================
+
+Creative Commons is not a party to its public licenses.
+Notwithstanding, Creative Commons may elect to apply one of its public
+licenses to material it publishes and in those instances will be
+considered the "Licensor." Except for the limited purpose of indicating
+that material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the public
+licenses.
+
+Creative Commons may be contacted at creativecommons.org.
--- a/config/mdui/icons/material-icons/MaterialIcons-Regular.ijmap
+++ b/config/mdui/icons/material-icons/MaterialIcons-Regular.ijmap
--- a/config/mdui/icons/material-icons/MaterialIcons-Regular.woff
+++ b/config/mdui/icons/material-icons/MaterialIcons-Regular.woff
--- a/config/mdui/icons/material-icons/MaterialIcons-Regular.woff2
+++ b/config/mdui/icons/material-icons/MaterialIcons-Regular.woff2
--- a/config/mdui/js/mdui.min.js
+++ b/config/mdui/js/mdui.min.js
--- a/config/sidebar.php
+++ b/config/sidebar.php
@@ -0,0 +1,79 @@
+<?php
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * sidebar.php 边栏菜单文件
+ * @version 2.1
+**/
+?>
+
+<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
+
+<!--Sidebar Start-->
+<div class="mdui-drawer mdui-drawer-close blur" id="mainsidebar">
+
+<div class="mdui-grid-tile sidebarimg" style="background-image: url('<?php if(empty($this->options->AKAROMsidebarimg)): ?><?php $this->options->themeUrl('config/style/img/default/sidebar.webp'); ?><?php else: ?><?php $this->options->AKAROMsidebarimg(); ?><?php endif; ?>');">
+  <img class="headicon" onclick="window.location.href='<?php $this->options ->siteUrl('/admin'); ?>'" title="headicon" src="<?php if(empty($this->options->AKAROMlogoUrl)): ?><?php $this->options->themeUrl('config/style/img/default/user.jpg'); ?><?php else: ?><?php $this->options->AKAROMlogoUrl(); ?><?php endif; ?>">
+  <div class="mdui-grid-tile-actions">
+    <h3 class="easysee chameleon">
+    <?php $this->options->title(); ?>
+</h3>
+<br>
+<br>
+  </div>
+</div>
+
+<div class="mdui-container">
+  <div class="mdui-list yuan" mdui-collapse="{accordion: true}">
+        <div class="mdui-list">
+          <a href="<?php $this->options ->siteUrl(); ?>" class="btnyuan mdui-list-item ">
+            <i class="mdui-list-item-icon mdui-icon material-icons">store</i>
+            <div class="mdui-list-item-content">主页</div>
+          </a>
+          </div>
+
+          <div class="mdui-collapse-item">
+          <div class="mdui-collapse-item-header mdui-list-item  btnyuan">
+           <i class="mdui-list-item-icon mdui-icon material-icons">book</i>
+           <div class="mdui-list-item-content">分类</div>
+            <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
+          </div>
+          <div class="mdui-collapse-item-body">
+            <?php $this->widget('Widget_Metas_Category_List')->to($category); ?>
+            <?php while ($category->next()): ?>
+                <a href="<?php $category->permalink(); ?>" class="btnyuan mdui-list-item">
+                  <div class="mdui-list-item-content"><?php $category->name(); ?></div>
+                   <b><?php $category->count(); ?></b>
+                </a>
+            <?php endwhile; ?>
+          <div class="mdui-typo"><hr></div>
+         </div>	
+        
+        <div class="mdui-list">
+
+        <a href="<?php $this->options ->index(); ?>archivesbox.html" class="btnyuan mdui-list-item ">
+        <i class="mdui-list-item-icon mdui-icon material-icons">inbox</i>
+          <div class="mdui-list-item-content">文章归档</div>
+          </a>
+
+        <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
+        <?php while($pages->next()): ?>
+          <a href="<?php $pages->permalink(); ?>" class="btnyuan mdui-list-item ">
+          <i class="mdui-list-item-icon mdui-icon material-icons">check_box_outline_blank</i>
+          <div class="mdui-list-item-content mdui-text-truncate"><?php $pages->title(); ?></div>
+          </a>
+          <?php endwhile; ?>
+        </div>
+
+        
+      </div>
+    </div>
+  
+</div>
+</div><!--Sidebar End-->
--- a/config/style/OwO.css
+++ b/config/style/OwO.css
@@ -0,0 +1,6 @@
+.OwO-logo{float:left;cursor:pointer;font-weight:600;}
+.OwO .OwO-body .OwO-items {overflow: auto;font-size: 0;text-align:left}
+.OwO .OwO-body .OwO-items .OwO-item {padding: 5px 10px;display: inline-block;-webkit-transition: .3s;transition: .3s;cursor:pointer;}
+.OwO .OwO-body .OwO-items .OwO-item img {width:30px;height:auto;box-shadow: none!important;}
+.OwO .OwO-body .OwO-items .OwO-item:hover{transform:scale(1.3)}
+.OwO.OwO-open>.OwO-body>.OwO-items{max-height:300px!important;margin:10px 0!important;padding:10px!important;transition: max-height .8s,margin .8s,padding .8s;}
--- a/config/style/icon.aka.css
+++ b/config/style/icon.aka.css
--- a/config/style/img/bili/aixin.webp
+++ b/config/style/img/bili/aixin.webp
--- a/config/style/img/bili/anon.webp
+++ b/config/style/img/bili/anon.webp
--- a/config/style/img/bili/aojiao.webp
+++ b/config/style/img/bili/aojiao.webp
--- a/config/style/img/bili/azhe.webp
+++ b/config/style/img/bili/azhe.webp
--- a/config/style/img/bili/baofu.webp
+++ b/config/style/img/bili/baofu.webp
--- a/config/style/img/bili/baoquan.webp
+++ b/config/style/img/bili/baoquan.webp
--- a/config/style/img/bili/bixin.webp
+++ b/config/style/img/bili/bixin.webp
--- a/config/style/img/bili/bucuoo.webp
+++ b/config/style/img/bili/bucuoo.webp
--- a/config/style/img/bili/chigua.webp
+++ b/config/style/img/bili/chigua.webp
--- a/config/style/img/bili/chuibao.webp
+++ b/config/style/img/bili/chuibao.webp
--- a/config/style/img/bili/chuji.webp
+++ b/config/style/img/bili/chuji.webp
--- a/config/style/img/bili/cry.webp
+++ b/config/style/img/bili/cry.webp
--- a/config/style/img/bili/doge.webp
+++ b/config/style/img/bili/doge.webp
--- a/config/style/img/bili/fighting.webp
+++ b/config/style/img/bili/fighting.webp
--- a/config/style/img/bili/ganbei.webp
+++ b/config/style/img/bili/ganbei.webp
--- a/config/style/img/bili/good.webp
+++ b/config/style/img/bili/good.webp
--- a/config/style/img/bili/hahaha.webp
+++ b/config/style/img/bili/hahaha.webp
--- a/config/style/img/bili/haixiu.webp
+++ b/config/style/img/bili/haixiu.webp
--- a/config/style/img/bili/haojiahuo.webp
+++ b/config/style/img/bili/haojiahuo.webp
--- a/config/style/img/bili/haoye.webp
+++ b/config/style/img/bili/haoye.webp
--- a/config/style/img/bili/happy.webp
+++ b/config/style/img/bili/happy.webp
--- a/config/style/img/bili/hehe.webp
+++ b/config/style/img/bili/hehe.webp
--- a/config/style/img/bili/huaji.webp
+++ b/config/style/img/bili/huaji.webp
--- a/config/style/img/bili/jingxi.webp
+++ b/config/style/img/bili/jingxi.webp
--- a/config/style/img/bili/jingya.webp
+++ b/config/style/img/bili/jingya.webp
--- a/config/style/img/bili/kunhuo.webp
+++ b/config/style/img/bili/kunhuo.webp
--- a/config/style/img/bili/luotianyi.webp
+++ b/config/style/img/bili/luotianyi.webp
--- a/config/style/img/bili/mangqu.webp
+++ b/config/style/img/bili/mangqu.webp
--- a/config/style/img/bili/mengxin.webp
+++ b/config/style/img/bili/mengxin.webp
--- a/config/style/img/bili/miao.webp
+++ b/config/style/img/bili/miao.webp
--- a/config/style/img/bili/mojing.webp
+++ b/config/style/img/bili/mojing.webp
--- a/config/style/img/bili/offer.webp
+++ b/config/style/img/bili/offer.webp
--- a/config/style/img/bili/pofang.webp
+++ b/config/style/img/bili/pofang.webp
--- a/config/style/img/bili/rana.webp
+++ b/config/style/img/bili/rana.webp
--- a/config/style/img/bili/rwkk.webp
+++ b/config/style/img/bili/rwkk.webp
--- a/config/style/img/bili/sanlian.webp
+++ b/config/style/img/bili/sanlian.webp
--- a/config/style/img/bili/wosuanle.webp
+++ b/config/style/img/bili/wosuanle.webp
--- a/config/style/img/bili/wow.webp
+++ b/config/style/img/bili/wow.webp
--- a/config/style/img/bili/wtzn.webp
+++ b/config/style/img/bili/wtzn.webp
--- a/config/style/img/bili/wukongDoge.webp
+++ b/config/style/img/bili/wukongDoge.webp
--- a/config/style/img/bili/wuyan.webp
+++ b/config/style/img/bili/wuyan.webp
--- a/config/style/img/bili/yeah.webp
+++ b/config/style/img/bili/yeah.webp
--- a/config/style/img/bili/youya.webp
+++ b/config/style/img/bili/youya.webp
--- a/config/style/img/bili/yygq.webp
+++ b/config/style/img/bili/yygq.webp
--- a/config/style/img/bili/zanghu.webp
+++ b/config/style/img/bili/zanghu.webp
--- a/config/style/img/default/Romanticism2theme-empty.webp
+++ b/config/style/img/default/Romanticism2theme-empty.webp
--- a/config/style/img/default/cover/1.webp
+++ b/config/style/img/default/cover/1.webp
--- a/config/style/img/default/cover/10.webp
+++ b/config/style/img/default/cover/10.webp
--- a/config/style/img/default/cover/11.webp
+++ b/config/style/img/default/cover/11.webp
--- a/config/style/img/default/cover/12.webp
+++ b/config/style/img/default/cover/12.webp
--- a/config/style/img/default/cover/2.webp
+++ b/config/style/img/default/cover/2.webp
--- a/config/style/img/default/cover/3.webp
+++ b/config/style/img/default/cover/3.webp
--- a/config/style/img/default/cover/4.webp
+++ b/config/style/img/default/cover/4.webp
--- a/config/style/img/default/cover/5.webp
+++ b/config/style/img/default/cover/5.webp
--- a/config/style/img/default/cover/6.webp
+++ b/config/style/img/default/cover/6.webp
--- a/config/style/img/default/cover/7.webp
+++ b/config/style/img/default/cover/7.webp
--- a/config/style/img/default/cover/8.webp
+++ b/config/style/img/default/cover/8.webp
--- a/config/style/img/default/cover/9.webp
+++ b/config/style/img/default/cover/9.webp
--- a/config/style/img/default/indeximg.webp
+++ b/config/style/img/default/indeximg.webp
--- a/config/style/img/default/sidebar.webp
+++ b/config/style/img/default/sidebar.webp
--- a/config/style/img/default/user.jpg
+++ b/config/style/img/default/user.jpg
--- a/config/style/img/icon.png
+++ b/config/style/img/icon.png
--- a/config/style/jquery.fancybox.css
+++ b/config/style/jquery.fancybox.css
@@ -0,0 +1,900 @@
+body.compensate-for-scrollbar {
+    overflow: hidden;
+}
+
+.fancybox-active {
+    height: auto;
+}
+
+.fancybox-is-hidden {
+    left: -9999px;
+    margin: 0;
+    position: absolute !important;
+    top: -9999px;
+    visibility: hidden;
+}
+
+.fancybox-container {
+    -webkit-backface-visibility: hidden;
+    height: 100%;
+    left: 0;
+    outline: none;
+    position: fixed;
+    -webkit-tap-highlight-color: transparent;
+    top: 0;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    transform: translateZ(0);
+    width: 100%;
+    z-index: 99992;
+}
+
+.fancybox-container * {
+    box-sizing: border-box;
+}
+
+.fancybox-outer,
+.fancybox-inner,
+.fancybox-bg,
+.fancybox-stage {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
+.fancybox-outer {
+    -webkit-overflow-scrolling: touch;
+    overflow-y: auto;
+}
+
+.fancybox-bg {
+    background: rgb(30, 30, 30);
+    opacity: 0;
+    transition-duration: inherit;
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
+}
+
+.fancybox-is-open .fancybox-bg {
+    opacity: .9;
+    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
+}
+
+.fancybox-infobar,
+.fancybox-toolbar,
+.fancybox-caption,
+.fancybox-navigation .fancybox-button {
+    direction: ltr;
+    opacity: 0;
+    position: absolute;
+    transition: opacity .25s ease, visibility 0s ease .25s;
+    visibility: hidden;
+    z-index: 99997;
+}
+
+.fancybox-show-infobar .fancybox-infobar,
+.fancybox-show-toolbar .fancybox-toolbar,
+.fancybox-show-caption .fancybox-caption,
+.fancybox-show-nav .fancybox-navigation .fancybox-button {
+    opacity: 1;
+    transition: opacity .25s ease 0s, visibility 0s ease 0s;
+    visibility: visible;
+}
+
+.fancybox-infobar {
+    color: #ccc;
+    font-size: 13px;
+    -webkit-font-smoothing: subpixel-antialiased;
+    height: 44px;
+    left: 0;
+    line-height: 44px;
+    min-width: 44px;
+    mix-blend-mode: difference;
+    padding: 0 10px;
+    pointer-events: none;
+    top: 0;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.fancybox-toolbar {
+    right: 0;
+    top: 0;
+}
+
+.fancybox-stage {
+    direction: ltr;
+    overflow: visible;
+    transform: translateZ(0);
+    z-index: 99994;
+}
+
+.fancybox-is-open .fancybox-stage {
+    overflow: hidden;
+}
+
+.fancybox-slide {
+    -webkit-backface-visibility: hidden;
+    /* Using without prefix would break IE11 */
+    display: none;
+    height: 100%;
+    left: 0;
+    outline: none;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: 44px;
+    position: absolute;
+    text-align: center;
+    top: 0;
+    transition-property: transform, opacity;
+    white-space: normal;
+    width: 100%;
+    z-index: 99994;
+}
+
+.fancybox-slide::before {
+    content: '';
+    display: inline-block;
+    font-size: 0;
+    height: 100%;
+    vertical-align: middle;
+    width: 0;
+}
+
+.fancybox-is-sliding .fancybox-slide,
+.fancybox-slide--previous,
+.fancybox-slide--current,
+.fancybox-slide--next {
+    display: block;
+}
+
+.fancybox-slide--image {
+    overflow: hidden;
+    padding: 44px 0;
+}
+
+.fancybox-slide--image::before {
+    display: none;
+}
+
+.fancybox-slide--html {
+    padding: 6px;
+}
+
+.fancybox-content {
+    background: #fff;
+    display: inline-block;
+    margin: 0;
+    max-width: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: 44px;
+    position: relative;
+    text-align: left;
+    vertical-align: middle;
+}
+
+.fancybox-slide--image .fancybox-content {
+    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
+    -webkit-backface-visibility: hidden;
+    background: transparent;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    left: 0;
+    max-width: none;
+    overflow: visible;
+    padding: 0;
+    position: absolute;
+    top: 0;
+    -ms-transform-origin: top left;
+    transform-origin: top left;
+    transition-property: transform, opacity;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    z-index: 99995;
+}
+
+.fancybox-can-zoomOut .fancybox-content {
+    cursor: zoom-out;
+}
+
+.fancybox-can-zoomIn .fancybox-content {
+    cursor: zoom-in;
+}
+
+.fancybox-can-swipe .fancybox-content,
+.fancybox-can-pan .fancybox-content {
+    cursor: -webkit-grab;
+    cursor: grab;
+}
+
+.fancybox-is-grabbing .fancybox-content {
+    cursor: -webkit-grabbing;
+    cursor: grabbing;
+}
+
+.fancybox-container [data-selectable='true'] {
+    cursor: text;
+}
+
+.fancybox-image,
+.fancybox-spaceball {
+    background: transparent;
+    border: 0;
+    height: 100%;
+    left: 0;
+    margin: 0;
+    max-height: none;
+    max-width: none;
+    padding: 0;
+    position: absolute;
+    top: 0;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width: 100%;
+}
+
+.fancybox-spaceball {
+    z-index: 1;
+}
+
+.fancybox-slide--video .fancybox-content,
+.fancybox-slide--map .fancybox-content,
+.fancybox-slide--pdf .fancybox-content,
+.fancybox-slide--iframe .fancybox-content {
+    height: 100%;
+    overflow: visible;
+    padding: 0;
+    width: 100%;
+}
+
+.fancybox-slide--video .fancybox-content {
+    background: #000;
+}
+
+.fancybox-slide--map .fancybox-content {
+    background: #e5e3df;
+}
+
+.fancybox-slide--iframe .fancybox-content {
+    background: #fff;
+}
+
+.fancybox-video,
+.fancybox-iframe {
+    background: transparent;
+    border: 0;
+    display: block;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    width: 100%;
+}
+
+/* Fix iOS */
+.fancybox-iframe {
+    left: 0;
+    position: absolute;
+    top: 0;
+}
+
+.fancybox-error {
+    background: #fff;
+    cursor: default;
+    max-width: 400px;
+    padding: 40px;
+    width: 100%;
+}
+
+.fancybox-error p {
+    color: #444;
+    font-size: 16px;
+    line-height: 20px;
+    margin: 0;
+    padding: 0;
+}
+
+/* Buttons */
+
+.fancybox-button {
+    background: rgba(30, 30, 30, .6);
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    cursor: pointer;
+    display: inline-block;
+    height: 44px;
+    margin: 0;
+    padding: 10px;
+    position: relative;
+    transition: color .2s;
+    vertical-align: top;
+    visibility: inherit;
+    width: 44px;
+}
+
+.fancybox-button,
+.fancybox-button:visited,
+.fancybox-button:link {
+    color: #ccc;
+}
+
+.fancybox-button:hover {
+    color: #fff;
+}
+
+.fancybox-button:focus {
+    outline: none;
+}
+
+.fancybox-button.fancybox-focus {
+    outline: 1px dotted;
+}
+
+.fancybox-button[disabled],
+.fancybox-button[disabled]:hover {
+    color: #888;
+    cursor: default;
+    outline: none;
+}
+
+/* Fix IE11 */
+.fancybox-button div {
+    height: 100%;
+}
+
+.fancybox-button svg {
+    display: block;
+    height: 100%;
+    overflow: visible;
+    position: relative;
+    width: 100%;
+}
+
+.fancybox-button svg path {
+    fill: currentColor;
+    stroke-width: 0;
+}
+
+.fancybox-button--play svg:nth-child(2),
+.fancybox-button--fsenter svg:nth-child(2) {
+    display: none;
+}
+
+.fancybox-button--pause svg:nth-child(1),
+.fancybox-button--fsexit svg:nth-child(1) {
+    display: none;
+}
+
+.fancybox-progress {
+    background: #ff5268;
+    height: 2px;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    -ms-transform: scaleX(0);
+    transform: scaleX(0);
+    -ms-transform-origin: 0;
+    transform-origin: 0;
+    transition-property: transform;
+    transition-timing-function: linear;
+    z-index: 99998;
+}
+
+/* Close button on the top right corner of html content */
+
+.fancybox-close-small {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    color: #ccc;
+    cursor: pointer;
+    opacity: .8;
+    padding: 8px;
+    position: absolute;
+    right: -12px;
+    top: -44px;
+    z-index: 401;
+}
+
+.fancybox-close-small:hover {
+    color: #fff;
+    opacity: 1;
+}
+
+.fancybox-slide--html .fancybox-close-small {
+    color: currentColor;
+    padding: 10px;
+    right: 0;
+    top: 0;
+}
+
+.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
+    overflow: hidden;
+}
+
+.fancybox-is-scaling .fancybox-close-small,
+.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
+    display: none;
+}
+
+/* Navigation arrows */
+
+.fancybox-navigation .fancybox-button {
+    background-clip: content-box;
+    height: 100px;
+    opacity: 0;
+    position: absolute;
+    top: calc(50% - 50px);
+    width: 70px;
+}
+
+.fancybox-navigation .fancybox-button div {
+    padding: 7px;
+}
+
+.fancybox-navigation .fancybox-button--arrow_left {
+    left: 0;
+    left: env(safe-area-inset-left);
+    padding: 31px 26px 31px 6px;
+}
+
+.fancybox-navigation .fancybox-button--arrow_right {
+    padding: 31px 6px 31px 26px;
+    right: 0;
+    right: env(safe-area-inset-right);
+}
+
+/* Caption */
+
+.fancybox-caption {
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, .85) 0%,
+        rgba(0, 0, 0, .3) 50%,
+        rgba(0, 0, 0, .15) 65%,
+        rgba(0, 0, 0, .075) 75.5%,
+        rgba(0, 0, 0, .037) 82.85%,
+        rgba(0, 0, 0, .019) 88%,
+        rgba(0, 0, 0, 0) 100%);
+    bottom: 0;
+    color: #eee;
+    font-size: 14px;
+    font-weight: 400;
+    left: 0;
+    line-height: 1.5;
+    padding: 75px 44px 25px 44px;
+    pointer-events: none;
+    right: 0;
+    text-align: center;
+    z-index: 99996;
+}
+
+@supports (padding: max(0px)) {
+    .fancybox-caption {
+        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
+    }
+}
+
+.fancybox-caption--separate {
+    margin-top: -50px;
+}
+
+.fancybox-caption__body {
+    max-height: 50vh;
+    overflow: auto;
+    pointer-events: all;
+}
+
+.fancybox-caption a,
+.fancybox-caption a:link,
+.fancybox-caption a:visited {
+    color: #ccc;
+    text-decoration: none;
+}
+
+.fancybox-caption a:hover {
+    color: #fff;
+    text-decoration: underline;
+}
+
+/* Loading indicator */
+
+.fancybox-loading {
+    animation: fancybox-rotate 1s linear infinite;
+    background: transparent;
+    border: 4px solid #888;
+    border-bottom-color: #fff;
+    border-radius: 50%;
+    height: 50px;
+    left: 50%;
+    margin: -25px 0 0 -25px;
+    opacity: .7;
+    padding: 0;
+    position: absolute;
+    top: 50%;
+    width: 50px;
+    z-index: 99999;
+}
+
+@keyframes fancybox-rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* Transition effects */
+
+.fancybox-animated {
+    transition-timing-function: cubic-bezier(0, 0, .25, 1);
+}
+
+/* transitionEffect: slide */
+
+.fancybox-fx-slide.fancybox-slide--previous {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+}
+
+.fancybox-fx-slide.fancybox-slide--next {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+}
+
+.fancybox-fx-slide.fancybox-slide--current {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+}
+
+/* transitionEffect: fade */
+
+.fancybox-fx-fade.fancybox-slide--previous,
+.fancybox-fx-fade.fancybox-slide--next {
+    opacity: 0;
+    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
+}
+
+.fancybox-fx-fade.fancybox-slide--current {
+    opacity: 1;
+}
+
+/* transitionEffect: zoom-in-out */
+
+.fancybox-fx-zoom-in-out.fancybox-slide--previous {
+    opacity: 0;
+    transform: scale3d(1.5, 1.5, 1.5);
+}
+
+.fancybox-fx-zoom-in-out.fancybox-slide--next {
+    opacity: 0;
+    transform: scale3d(.5, .5, .5);
+}
+
+.fancybox-fx-zoom-in-out.fancybox-slide--current {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+}
+
+/* transitionEffect: rotate */
+
+.fancybox-fx-rotate.fancybox-slide--previous {
+    opacity: 0;
+    -ms-transform: rotate(-360deg);
+    transform: rotate(-360deg);
+}
+
+.fancybox-fx-rotate.fancybox-slide--next {
+    opacity: 0;
+    -ms-transform: rotate(360deg);
+    transform: rotate(360deg);
+}
+
+.fancybox-fx-rotate.fancybox-slide--current {
+    opacity: 1;
+    -ms-transform: rotate(0deg);
+    transform: rotate(0deg);
+}
+
+/* transitionEffect: circular */
+
+.fancybox-fx-circular.fancybox-slide--previous {
+    opacity: 0;
+    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
+}
+
+.fancybox-fx-circular.fancybox-slide--next {
+    opacity: 0;
+    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
+}
+
+.fancybox-fx-circular.fancybox-slide--current {
+    opacity: 1;
+    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
+}
+
+/* transitionEffect: tube */
+
+.fancybox-fx-tube.fancybox-slide--previous {
+    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
+}
+
+.fancybox-fx-tube.fancybox-slide--next {
+    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
+}
+
+.fancybox-fx-tube.fancybox-slide--current {
+    transform: translate3d(0, 0, 0) scale(1);
+}
+
+/* Styling for Small-Screen Devices */
+@media all and (max-height: 576px) {
+    .fancybox-slide {
+        padding-left: 6px;
+        padding-right: 6px;
+    }
+
+    .fancybox-slide--image {
+        padding: 6px 0;
+    }
+
+    .fancybox-close-small {
+        right: -6px;
+    }
+
+    .fancybox-slide--image .fancybox-close-small {
+        background: #4e4e4e;
+        color: #f2f4f6;
+        height: 36px;
+        opacity: 1;
+        padding: 6px;
+        right: 0;
+        top: 0;
+        width: 36px;
+    }
+
+    .fancybox-caption {
+        padding-left: 12px;
+        padding-right: 12px;
+    }
+
+    @supports (padding: max(0px)) {
+        .fancybox-caption {
+            padding-left: max(12px, env(safe-area-inset-left));
+            padding-right: max(12px, env(safe-area-inset-right));
+        }
+    }
+}
+/* Share */
+
+.fancybox-share {
+    background: #f4f4f4;
+    border-radius: 3px;
+    max-width: 90%;
+    padding: 30px;
+    text-align: center;
+}
+
+.fancybox-share h1 {
+    color: #222;
+    font-size: 35px;
+    font-weight: 700;
+    margin: 0 0 20px 0;
+}
+
+.fancybox-share p {
+    margin: 0;
+    padding: 0;
+}
+
+.fancybox-share__button {
+    border: 0;
+    border-radius: 3px;
+    display: inline-block;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 40px;
+    margin: 0 5px 10px 5px;
+    min-width: 130px;
+    padding: 0 15px;
+    text-decoration: none;
+    transition: all .2s;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    white-space: nowrap;
+}
+
+.fancybox-share__button:visited,
+.fancybox-share__button:link {
+    color: #fff;
+}
+
+.fancybox-share__button:hover {
+    text-decoration: none;
+}
+
+.fancybox-share__button--fb {
+    background: #3b5998;
+}
+
+.fancybox-share__button--fb:hover {
+    background: #344e86;
+}
+
+.fancybox-share__button--pt {
+    background: #bd081d;
+}
+
+.fancybox-share__button--pt:hover {
+    background: #aa0719;
+}
+
+.fancybox-share__button--tw {
+    background: #1da1f2;
+}
+
+.fancybox-share__button--tw:hover {
+    background: #0d95e8;
+}
+
+.fancybox-share__button svg {
+    height: 25px;
+    margin-right: 7px;
+    position: relative;
+    top: -1px;
+    vertical-align: middle;
+    width: 25px;
+}
+
+.fancybox-share__button svg path {
+    fill: #fff;
+}
+
+.fancybox-share__input {
+    background: transparent;
+    border: 0;
+    border-bottom: 1px solid #d7d7d7;
+    border-radius: 0;
+    color: #5d5b5b;
+    font-size: 14px;
+    margin: 10px 0 0 0;
+    outline: none;
+    padding: 10px 15px;
+    width: 100%;
+}
+/* Thumbs */
+
+.fancybox-thumbs {
+    background: #ddd;
+    bottom: 0;
+    display: none;
+    margin: 0;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    padding: 2px 2px 4px 2px;
+    position: absolute;
+    right: 0;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    top: 0;
+    width: 212px;
+    z-index: 99995;
+}
+
+.fancybox-thumbs-x {
+    overflow-x: auto;
+    overflow-y: hidden;
+}
+
+.fancybox-show-thumbs .fancybox-thumbs {
+    display: block;
+}
+
+.fancybox-show-thumbs .fancybox-inner {
+    right: 212px;
+}
+
+.fancybox-thumbs__list {
+    font-size: 0;
+    height: 100%;
+    list-style: none;
+    margin: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: 0;
+    position: absolute;
+    position: relative;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.fancybox-thumbs-x .fancybox-thumbs__list {
+    overflow: hidden;
+}
+
+.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
+    width: 7px;
+}
+
+.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+}
+
+.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
+    background: #2a2a2a;
+    border-radius: 10px;
+}
+
+.fancybox-thumbs__list a {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    background-color: rgba(0, 0, 0, .1);
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    cursor: pointer;
+    float: left;
+    height: 75px;
+    margin: 2px;
+    max-height: calc(100% - 8px);
+    max-width: calc(50% - 4px);
+    outline: none;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    -webkit-tap-highlight-color: transparent;
+    width: 100px;
+}
+
+.fancybox-thumbs__list a::before {
+    border: 6px solid #ff5268;
+    bottom: 0;
+    content: '';
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transition: all .2s cubic-bezier(.25, .46, .45, .94);
+    z-index: 99991;
+}
+
+.fancybox-thumbs__list a:focus::before {
+    opacity: .5;
+}
+
+.fancybox-thumbs__list a.fancybox-thumbs-active::before {
+    opacity: 1;
+}
+
+/* Styling for Small-Screen Devices */
+@media all and (max-width: 576px) {
+    .fancybox-thumbs {
+        width: 110px;
+    }
+
+    .fancybox-show-thumbs .fancybox-inner {
+        right: 110px;
+    }
+
+    .fancybox-thumbs__list a {
+        max-width: calc(100% - 10px);
+    }
+}
+
+.code-toolbar{
+    border-radius: 15px;
+    clip-path: inset(0 round 10px);
+}
--- a/config/style/prism.highlight.css
+++ b/config/style/prism.highlight.css
@@ -0,0 +1,4 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+c+csharp+cpp+go+java+markup-templating+php+python&plugins=toolbar+copy-to-clipboard */
+code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
+div.code-toolbar{position:relative;border-radius: 15px;}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
--- a/config/style/romanticism.aka.css
+++ b/config/style/romanticism.aka.css
@@ -0,0 +1,754 @@
+/**
+
+    _    _  __    _    ____  _   _ ___ 
+   / \  | |/ /   / \  / ___|| | | |_ _|
+  / _ \ | ' /   / _ \ \___ \| |_| || | 
+ / ___ \| . \  / ___ \ ___) |  _  || | 
+/_/   \_\_|\_\/_/   \_\____/|_| |_|___|
+
+ * [Romanticism]
+ * romanticism.aka.css 主样式表文件
+ * @version 2.1
+ * @link https://imakashi.eu.org/
+**/
+body{
+    font-family: 'Noto Serif SC', serif;
+    font-weight:400;
+    font-display: swap;
+}
+html::-webkit-scrollbar {
+    display: none;
+}
+
+.mdui-theme-layout-light .LDtrans{
+    background-color: Seashell;
+    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.mdui-theme-layout-dark .LDtrans{
+    background-color: #303030;
+}
+.mdui-appbar{
+    transition: background-color 0.3s ease-in-out;
+}
+.mdui-card{
+    transition: all 0.3s ease-in-out;
+}
+
+/*高斯模糊效果*/
+.blur{
+    backdrop-filter: saturate(180%) blur(15px);
+    -webkit-backdrop-filter: saturate(180%) blur(15px);
+}
+.mdui-theme-layout-light .blur{
+    background: rgba(255, 255, 255, 0.72);
+}
+.mdui-theme-layout-dark .blur{
+    background: rgba(58, 58, 58, 0.72);
+}
+.mdui-overlay{
+    backdrop-filter: saturate(100%) blur(20px);
+    -webkit-backdrop-filter: saturate(100%) blur(20px);
+}
+.mdui-tooltip, .mdui-snackbar{
+    backdrop-filter: saturate(180%) blur(15px);
+    -webkit-backdrop-filter: saturate(180%) blur(15px);
+    box-shadow: 0 0 2px black; 
+}
+.mdui-theme-layout-light .mdui-tooltip{
+    background: rgba(255, 255, 255, 0.72);
+    color:#252525;
+}
+.mdui-theme-layout-dark .mdui-tooltip{
+    background: rgba(69, 69, 69, 0.72);
+    color:#f0f0f0;
+}
+.mdui-theme-layout-light .mdui-snackbar{
+    background: rgba(255, 255, 255, 0.72);
+    color:#252525;
+    font-weight: bold;
+}
+.mdui-theme-layout-dark .mdui-snackbar{
+    background: rgba(69, 69, 69, 0.72);
+    color:#f0f0f0;
+    font-weight: bold;
+}
+
+/*加载动画*/
+#loading {
+    width: 100%;
+    height: 100%;
+    font-size: 30px;
+    margin: 0;
+    text-align: center; 
+    border-radius: 0; 
+    position: fixed; 
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 9999
+}
+.loader {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+}
+.loader-box {
+    transform: translateY(-50%);
+    top: 50%;
+    position: absolute;
+    width: calc(100% - 200px);
+    padding: 0 100px;
+    text-align: center;
+}
+.loader-box .mdui-spinner{
+    width: 50px;
+    height: 50px;
+}
+
+/*圆角设置*/
+.yuan, .mdui-snackbar{
+    border-radius: 14px;
+}
+.btnyuan{
+    border-radius: 8px;
+}
+.mdui-tooltip{
+    border-radius: 8px;
+}
+@media(max-width:420px){
+    .yuan, .mdui-snackbar{
+        border-radius: 10px;
+    }
+    .btnyuan{
+        border-radius: 6px;
+    }
+    .mdui-tooltip{
+    border-radius: 8px;
+    }
+}
+
+/*进入动画*/
+.toup{
+    animation-name: toup;
+    animation-duration: .5s;
+}
+ @keyframes toup{
+    from {filter: blur(20px);}
+    to {filter: blur(0);}
+}
+.show{
+    animation-name: show;
+    animation-duration: .5s;
+}
+ @keyframes show{
+    from {filter: blur(20px);}
+    to {filter: blur(0);}
+}
+
+/*首页主题图*/
+.indeximg{
+    background-repeat:no-repeat; 
+    background-position: center;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+}
+.indeximgcard{
+    width:auto; 
+    height:85vh;
+    min-height:420px;
+}
+
+/* 置顶容器 */
+.sticky-container {
+    position: relative;
+    width: 100%;
+    height:200px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+}
+.sticky-container::-webkit-scrollbar {
+    height: 8px;
+}
+.sticky-container::-webkit-scrollbar-thumb {
+    background: rgba(128, 128, 128, 0.3);
+    border-radius: 5px;
+}
+.sticky-item {
+    display: inline-block;
+    width: 320px;
+    height: 100%;
+    margin-right: 8px;
+    background-color: #f0f0f0;
+    text-align: center;
+}
+.sticky-item .mdui-card-media-covered{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+.sticky-item img{
+    object-fit: cover;
+    object-position: center;
+    width: 320px;
+    height:170px;
+}
+.sticky-item .mdui-card-primary {
+    margin-top: -20px;
+}
+.sticky-item .mdui-card-primary-title{
+    white-space: normal;
+    word-wrap: break-word;
+    word-break: break-word;
+    overflow-wrap: break-word;
+    line-height: 24px;
+}
+.sticky-item .mdui-card-primary-title h5{
+    margin-bottom:5px;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+.sticky-item .mdui-card-media-covered{
+    height: 100%;
+}
+
+.sticky-wrapper {
+    position: relative;
+    width: 100%;
+    isolation: isolate;
+}
+.sticky-badge {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    width: auto;
+    min-width: 40px;
+    height: 40px;
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 99;
+    
+}
+.sticky-badge i{
+    transform: rotate(-30deg);
+}
+
+@media (max-width:500px){
+    .sticky-item {
+        width: 200px;
+    }
+    .sticky-item img{
+        width: 200px;
+    }
+}
+
+
+/*主页文章列表容器*/
+.indexlistbox{
+    margin-top:-180px;
+}
+.indexlistbox h3{
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+.indexlistbox h4{
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+.indexlistbox h5{
+    margin-top: 10px;
+}
+@media (max-width:420px){
+    .indexlistbox{
+        margin-top: -180px;
+    }
+}
+@media (max-height:800px){
+    .indexlistbox{
+        margin-top: -150px;
+    }
+}
+
+.indexinfobox{
+    margin-bottom: 20px;
+    padding: 10px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    line-height: 20px;
+}
+
+
+/*主页文章列表卡片*/
+.articlelistcard{
+    width:auto; 
+    height:auto;
+    min-height:250px;
+}
+.articlelistimg{
+    background-repeat:no-repeat; 
+    background-position: center;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+}
+.articlelistcard .mdui-card-primary-title{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+    overflow: hidden;
+}
+.articlelistcard .mdui-card-primary-title span{
+    padding-left: 100px;
+}
+.articlelistcard .mdui-card-primary-title h4{
+    line-height: 30px;
+}
+.articlesms .mdui-card-content{
+    margin-top: -20px;
+}
+.mdui-theme-layout-dark .articlesms img{
+    filter: brightness(80%);
+}
+
+.titlegap{
+    letter-spacing: 2px;
+    font-weight:900;
+}
+
+#mainsidebar .mdui-grid-tile{
+    height: 170px;
+    width: auto;
+}
+.sidebarimg{
+    background-repeat:no-repeat; 
+    background-position: center;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+}
+#mainsidebar .headicon{
+    position: absolute; 
+    top: 15%; 
+    left: 24px; 
+    width: 60px; 
+    height: 60px; 
+    border: 3px solid rgb(255, 255, 255);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.53);
+    border-radius: 50%;
+}
+
+li{ 
+    list-style: none;
+}
+
+a{
+    text-decoration: none;
+}
+
+a:hover{
+    text-decoration: none;
+}
+
+::-moz-selection{background:#ecf0f1; color:CornflowerBlue;}
+::selection {background:#ecf0f1; color:CornflowerBlue;}
+
+.chameleon {
+    transition: color 0.3s ease-in-out;
+}
+
+.chameleon:hover {
+    color: CornflowerBlue;
+}
+.akarom-alter-button-valign{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+}
+.akarom-alter-button{
+    border: 2px solid rgba(158, 158, 158, 0.3);
+    padding:6px;
+    transition: all 0.3s ease-in-out;
+    background: none;
+    padding-left: 10px;
+    padding-right: 12px;
+}
+.akarom-alter-button:hover{
+    filter: blur(2px);
+    transform: scale(1.01);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+    position: relative;
+}
+.akarom-alter-button-disabled{
+    opacity: .5;
+}
+.akarom-alter-button-disabled:hover{
+    filter: none;
+    transform: none;
+    box-shadow: none;
+    position: none;
+}
+.akarom-alter-button i{
+    margin-bottom: 3px;
+    margin-right: 8px;
+    opacity: .8;
+}
+.akarom-hoverable{
+    padding: 6px;
+    transition: all 0.3s ease-in-out;
+    border-radius: 6px;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+}
+.akarom-hoverable:hover{
+    background-color: rgba(158, 158, 158, 0.2);
+}
+
+.title{
+    font-family: 'Noto Serif SC', serif;
+    font-weight:900;
+    text-decoration: none;
+}
+
+.subtitle{
+    font-size: 15px;
+}
+
+.underline{
+    border-bottom: 2px solid transparent;
+    transition: all 0.3s ease-in-out;
+}
+
+.underline:hover {
+    border-bottom: 2px solid;
+}
+
+.easysee{
+    text-shadow: 0 1px 3px black; 
+}
+
+/*上下翻页颜色*/
+.mdui-theme-layout-light .prev{
+    color:#252525;
+}
+.mdui-theme-layout-dark .prev{
+    color:white;
+}
+
+.mdui-theme-layout-light .next{
+    color:#252525;
+}
+.mdui-theme-layout-dark .next{
+    color:white;
+}
+
+/*独立页面主题图*/
+.articlecard{
+    width:auto; 
+    height:auto;
+    display: block;
+    min-height: 600px;
+    padding-top: 20px;
+    color: white;
+    position: relative;
+    background: none;
+}
+.mdui-theme-layout-dark .articlecard{
+    background: none;
+}
+.articlecard .articlecardimg{
+    background-repeat:no-repeat; 
+    background-position: center;
+    background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top:0;
+    left: 0;
+    z-index: -2;
+}
+.articlecard .articlecardshadow{
+    background-color: #252525;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top:0;
+    left: 0;
+    z-index: -1;
+    opacity: .2;
+}
+@media (max-width:420px){
+    .articlecard{
+        min-height: 400px;
+    }
+}
+.articlecard .mdui-card-primary-title{
+    line-height: 45px;
+}
+
+/*文章内排版格式*/
+p{
+    font-size: 18px;
+}
+.mdui-typo h1{
+    position: relative;
+    white-space: nowrap;
+    font-weight:900;
+    z-index:9 !important;
+}
+.mdui-typo h1::before {
+    content: "";
+    position: absolute;
+    height: 14px;
+    width: 66px;
+    bottom: 2px;
+    z-index:-1;
+    background-color: CornflowerBlue;
+    opacity: 0.5;
+    transform: skew(-35deg);
+    transition: opacity .2s ease-in-out;
+    border-radius: 3px 8px 10px 6px;
+    transition: 0.1s ease background-color;
+}
+.mdui-typo h3{
+     font-weight:900;
+}
+.mdui-typo h4{
+     font-weight:900;
+}
+.mdui-typo h2{
+    position: relative;
+    white-space: nowrap;
+    font-weight:900;
+    z-index:9 !important;
+}
+.mdui-typo h2::before {
+    content: "";
+    position: absolute;
+    height: 12px;
+    width: 66px;
+    bottom: 0;
+    z-index:-1;
+    background-color: lightblue;
+    opacity: 0.5;
+    transform: skew(-35deg);
+    transition: opacity .2s ease-in-out;
+    border-radius: 3px 8px 10px 6px;
+    transition: 0.1s ease background-color;
+}
+.mdui-typo h3{
+    font-weight:900;
+}
+.article hr{
+    width:66%;
+    border:none;
+    border-top:6px dashed rgba(158, 158, 158, 0.2);;
+}
+.hr hr{
+    width:100%;
+    margin: 0 auto; 
+    border:none;
+    border-top:2px dashed rgba(158, 158, 158, 0.2);;
+}
+.article img{
+    height:anto;
+    width:100%;
+}
+.mdui-theme-layout-dark .article img{
+    filter: brightness(80%);
+}
+.mdui-theme-layout-dark .mdui-panel-item{
+    background-color:#3c3c3c;
+}
+.copyright{
+    font-size: 14px;
+}
+
+#comments .headicon{
+    border: 2px solid white;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.53);
+}
+#comments .adminsign{
+    display:inline-block;
+    padding: 0;
+    padding-left:3px;
+    padding-right:3px;
+    margin-left: 8px;
+    font-size: 13px;
+    border: 3px solid rgba(136, 132, 132, 0.3);
+}
+#comments .comment-parent{
+    margin-top: 30px;
+}
+
+.fancybox {
+    text-decoration: none;
+}
+
+.outlineborder{
+    padding:10px;
+    border-radius:10px;
+    display:inline-block;
+    border: 2px solid rgba(136, 132, 132, 0.199);
+    line-height: 25px;
+    margin-bottom: 5px;
+}
+
+.link img{
+    height:70%;
+    width:70%;
+    border: 5px solid rgb(255, 255, 255);
+}
+
+.comment-ua-second{
+    margin-right: -5px;
+}
+
+/* 文章tag筛选样式 */
+.akarom-articletag{
+    position: fixed; 
+    bottom: 30px; 
+    left: 30px; 
+    opacity: 1;
+    z-index: 99;
+    width:40px;
+    transition: all 0.3s ease-in-out;
+    height:40px;
+    border-radius: 20px;
+    overflow:hidden;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+}
+.akarom-articletag:hover{
+    width:205px;
+}
+.akarom-articletag .mdui-icon{
+    padding-left: 8px;
+}
+.akarom-articletag.akarom-articletag-style:hover{
+    width:238px;
+}
+.akarom-articletag-options{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 5px;
+    font-size: 16px;
+    white-space: nowrap;
+    transform: translateX(-100%);
+    opacity: 0;
+    filter: blur(15px);
+    transition: all 0.45s ease-in-out;
+}
+.akarom-articletag:hover .akarom-articletag-options{
+    transform: translateX(0);
+    opacity: 1;
+    filter: blur(0);
+    margin-left: 8px;
+}
+.akarom-articletag input[type="radio"] {
+    display: none;
+}
+
+.akarom-articletag input[type="radio"]:checked + .filter-btn {
+    color: #6495ed;
+    font-weight: bold;
+}
+@media (max-width:1024px){
+    .akarom-articletag{
+        bottom: 15px; 
+        left: 15px; 
+    }
+}
+.tagnotice{
+    text-shadow: 0 0 3px #fff;
+}
+.taglist,
+.tagnotice{
+    display: none; 
+    animation: tagfadein 0.3s;
+}
+/* 首页文章筛选 */
+body:has(#filterall:checked) .LDtrans .taglist,
+body:has(#filterarticle:checked) .LDtrans .taglist.tagarticle,
+body:has(#filtersms:checked) .LDtrans .taglist.tagsms{
+    display: block;
+    animation: tagfadein 0.3s;
+}
+body:has(#filterarticle:checked) .LDtrans .tagnotice-article,
+body:has(#filtersms:checked) .LDtrans .tagnotice-sms{
+    display: block;
+    animation: tagfadein 0.3s;
+}
+@keyframes tagfadein {
+  from { opacity: 0; filter:blur(20px);}
+  to { opacity: 1; filter:blur(0px);}
+}
+
+.notfoundpage{
+    height:80vh;
+}
+.notfound-box{
+    height:60vh;
+    width:auto;
+}
+.notfoundpage span{
+    opacity: .1;
+    font-size: 114px;
+    position:absolute;
+    margin-top:-50px;
+    font-weight: bold;
+}
+
+.akarom-rewardbox{
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+    height: auto;
+    width: auto;
+}
+.akarom-rewardbox img{
+    max-height: 78vh;
+    margin: 0 auto;
+    display: block;
+}
+
+/*aplayer适配深色模式*/
+.mdui-theme-layout-light .aplayer{
+    background-color: #ffffff;
+    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.mdui-theme-layout-dark .aplayer{
+    background-color: #404040;
+}
+.aplayer{
+    border-radius:10px;
+}
+.aplayer-lrc::before{
+    opacity: 0.01;
+}
+.mdui-theme-layout-dark .aplayer-lrc::after{
+     background: linear-gradient(rgba(235, 229, 229, 0) 0px, rgba(59, 59, 59, 0.8));
+}
+/*aplayer适配深色模式*/
+
+/*musenxi livephoto*/
+.lpk-live-photo-player{
+    border-radius:8px;
+    overflow: hidden;
+}
+/*musenxi livephoto*/