博客园 Cnblogs-Theme-SimpleMemory 博皮

前言

这里只是简单的提供最新代码使用，只需要将本文的内容复制到博园的后台对应的代码位置即可。

博客侧边栏公告

<!-- cnblogs.com Baidu tongji analytics -->
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?451e79a0eb2fa13dd013607b146b8e77";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<!--
close loading
-->
<!--<script type="text/javascript">-->
<!--    let css0 = document.styleSheets[0];-->
<!--    let css0Last = css0.cssRules.length;-->
<!--    css0.insertRule("body {overflow: hidden;}", css0Last + 0);-->
<!--    css0.insertRule("div#loading, a[name=top] {  display: auto }", css0Last + 1);-->
<!--</script>-->

<script type="text/javascript">
    window.cnblogsConfig = {
        articleSuffix: {
            copyText: {
                enable: false,
                length: 30,
                copyright: ''
            }
        },
        // 拓展图标
        // fontIconExtend: "https://cdn.cnblogs.com/jsDelivr/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/style/fonticon.b054622b.css",
        articleContent: {
            iconfontArr: [
                'hebaodan', 'bingtanghulu', 'kesong', 'qianceng', 'fengmi', 'feiyuguantou', 'shengjian', 'youtiao', 'yuzijiang',
                'zhutongfan', 'doujiang', 'sanmingzhi', 'paofu', 'shanbei', 'dangaojuan', 'futejia', 'huangyou', 'xiangchang',
                'banji', 'danta', 'qingning', 'lajiao', 'shizi', 'mojituo', 'pijiu', 'putaojiu', 'kouxiangtang', 'xiangcaobingqilin',
                'jiaozi', 'tilamisu', 'huoguo', 'hongshu', 'bingkuai', 'mianhuatang', 'paobing', 'meishikafei', 'mantou', 'qishui',
                'ganlan', 'jiroujuan', 'guodong', 'baozi', 'pingguo', 'chengzi', 'qingjiao', 'jidan', 'xihongshi', 'mangguo', 'baocai',
                'niunai', 'mianbao', 'huluobu', 'zhangyu', 'pangxie', 'longxia', 'yangcong', 'rou', 'jitui', 'huage', 'xianyu', 'mogu',
                'qiezi', 'xilanhua', 'ningmeng', 'liulian', 'banli', 'sanwenyu', 'tudou', 'xigua', 'nangua', 'huolongguo', 'fantuan',
                'zhusun', 'shuiluobu', 'shanzhu', 'lanmei', 'shiliu', 'yezi', 'tiangua', 'mihoutao', 'boluo', 'kaixinguo', 'hetao',
                'xiaweiyiguo', 'huasheng', 'bigenguo', 'kuihuazi', 'songzi', 'xiguazi', 'badanmu', 'yaoguo', 'danhuangsu', 'dangao',
                'binggan', 'buding', 'tangguo', 'qiaokeli', 'hongzao', 'candou', 'putaogan', 'manyuemei', 'taozi', 'xiangjiao', 'caomei',
                'niuyouguo', 'hamigua', 'chelizi', 'li', 'bale', 'kafei1', 'shutiao', 'zhenzhunaicha', 'xuegao', 'nailao', 'kele', 'tiantong',
                'hanbao', 'xiezishousi', 'baomihua', 'regou', 'makalong', 'tianfuluo', 'juzi', 'baixiangguo', 'putao', 'shaomai', 'yumi', 'pipa',
                'yangtao', 'youzi', 'lianwu', 'wuhuaguo', 'paomian', 'wandou', 'huanggua', 'suantou', 'tiantianquan', 'shupian', 'huafubing',
                'bangbangtang', 'shousi', 'lizhi', 'doufu', 'mocha', 'boluomi', 'zhouzi', 'bingsha', 'suannai', 'pisa', 'haixing', 'haizhe',
                'tongluoshao', 'nuomici', 'kuangquanshui', 'roujiamo', 'cha', 'zhangyuxiaowanzi', 'chengzhi', 'yuancaitou', 'baicai'
            ],
            // link - 链接分享小尾巴
            link: false,
            emoji: false,
        },
        // 顶部进度条
        progressBar: {
            id: 'top-progress-bar', // 请勿修改该值
            color: '#f87171',
            height: '3px',
            duration: 0.2,
        },
        info: {
            name: 'BNTang',
            startDate: '2020-07-23',
            // https://images.cnblogs.com/cnblogs_com/BNTang/1812554/o_210709055756BlogImage.png
            avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/o_210513114744blogImage.jpg',
            blogIcon: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/o_220623013841_uisdc-chat-chicken.gif'
        },
        sidebar: {
            navList: [
                ['友链', 'https://www.cnblogs.com/BNTang/p/14737430.html', 'icon-user-group'],
                ['书单', 'https://www.cnblogs.com/BNTang/p/13660390.html', 'icon-book'],
                ['Blog', 'https://bntang.github.io', 'icon-blog'],
                ['Gitee', 'https://gitee.com/BNTang', 'icon-gitee-fill'],
                ['GitLab', 'https://gitlab.com/Jone_Tang', 'icon-gitlab'],
                ['GitHub', 'https://github.com/BNTang', 'icon-github'],
                ['Cnblogs', 'https://www.cnblogs.com', 'icon-cnblogs']
            ],
            titleMsg: '🐤欢迎访问本博客~',
            submenu: {
                // 积分排行
                pointsRank: false,
                // 最新随笔
                latestPosts: false,
                // 我的标签
                myTags: false,
                // 随笔分类
                postsClassify: false,
                // 文章分类
                articleClassify: false,
                // 阅读排行
                readRank: false,
                // 推荐排行
                recommendRank: false,
                // 帖子档案
                postsArchive: false,
                // 文章档案
                articleArchive: false,
                // 自定义列表
                customList: false,
                // 最新评论
                latestComment: false
            },
            // infoBackground: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/o_230709051841_default.jpeg',
        },
        // switchDayNight - 日/夜间模式
        switchDayNight: {
            enable: true,
            // 是否默认一开始就是夜间模式
            nightMode: false,
            auto: {
                enable: false,
                dayHour: 5,
                nightHour: 19
            }
        },
        banner: {
            home: {
                background: [
                    "https://files.dbnuo.com/wallpaper/wallhaven-ne7lr8.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-k9p8l6.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-xl67ov.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-dgekog.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-47ldq9.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-lm2762.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-13mk9v.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-39qjjd.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-83w372.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-96w8e8.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-dgojvj.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-oxvkxp.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-83yl1y.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-6k88jq.webp"
                ],
                titleSource: 'one',
            },
            article: {
                background: [
                    "https://files.dbnuo.com/wallpaper/wallhaven-13dv2g.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-lqddel.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-kwkg5q.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-ym56zg.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-yml8wd.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-ym62z7.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-6k3oox.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-dgeqoj.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-1j65pv.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-kwxz16.webp"
                ],
            }
        },
        links: {},
        footer: {
            text: {
                left: '授之以欲',
                right: '受之以瑜',
            },
            style: 2
        },
        cnzz: '1279528291',
        rtMenu: {
            qrCode: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_200723102903WeChat.jpg',
            reward: {
                alipay: 'https://images.cnblogs.com/cnblogs_com/TangXiaoHuiHui/1653035/t_200710143042alipay.png',
                wechatpay: 'https://images.cnblogs.com/cnblogs_com/TangXiaoHuiHui/1653035/t_200710143033wechatpay.png'
            },
            downScrollDom: '#blog_post_info_block',
        },
        code: {
            type: 'hljs',
            options: {
                hljs: {
                    // theme: 'agate',
                    // theme: 'an-old-hope',
                    theme: 'github',
                    // theme: 'github-gist',
                    // theme: 'atom-one-dark-reasonable',
                    languages: ['Bash', 'Vue', 'curl', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP', 'Sass', 'Scss', 'Less', 'Lua', 'PHP', 'Python', 'Shell', 'SQL', 'Java', 'JSON']
                },
                maxHeight: '',
                line: true,
                macStyle: true,
            },
        },
        articleDirectory: {
            position: 'left',
            minBodyWeight: 900,
            autoWidthScroll: true
        },
        animate: {
            // avatar - 头像旋转特效
            avatar: {
                enable: false,
            },
            // 主页name动效
            infoName: {
                enable: false,
            },
            bannerImages: {
                enable: false,
                options: {
                    itemNum: 6,
                    current: -1,
                    sort: 1,
                    time: 30000
                }
            },
            homeBanner: {
                enable: false,
                options: {
                    radius: 15,
                    density: 0.2,
                    color: 'rgba(255,255,255, .2)',
                    clearOffset: 0.3
                }
            },
            // articleTitle - 文章页标题动效
            articleTitle: {
                enable: false
            },
            articleBanner: {
                enable: false
            },
            // 背景动效
            background: {
                particles: {
                    enable: false,
                },
                enable: false,
                options: {
                    colorSaturation: "60%",
                    colorBrightness: "50%",
                    colorAlpha: 0.5,
                    colorCycleSpeed: 5,
                    verticalPosition: "random",
                    horizontalSpeed: 200,
                    ribbonCount: 3,
                    strokeSize: 0,
                    parallaxAmount: -0.2,
                    animateSections: true
                }
            },
            // 背景动效，颜色比较浅不影响阅读，鼠标移动有简单动偏移动画。
            backgroundMouse: {
                enable: false
            },
            mouse: {
                enable: false,
                options: {
                    size: 1,
                    sizeF: 15
                }
            }
        },
        consoleList: [
            ['BNTang Gitee', 'gitee.com/BNTang'],
            ['BNTang GitHub', 'github.com/BNTang'],
            ['BNTang GitLab', 'gitlab.com/Jone_Tang'],
            ['BNTang Email', '303158131@qq.com'],
        ],
        // 纪念日
        memorialDays: ['07-27', '05-22'],
    }

    window.cnblogsConfig.links.footer = [
        // ["兔二工具", 'https://www.tool22.com'],
        ["Space", 'https://bntang.jetbrains.space'],
        ["Spring", 'https://spring.io'],
        ["简单网", 'https://www.ddayh.com'],
        ["wallhaven", 'https://wallhaven.cc'],
        // ["速蛙云", 'https://m.ok4.icu/m/login'],
        ["notion", 'https://www.notion.so/zh-cn'],
        ["jetbrains", 'https://www.jetbrains.com'],
        ["试试吧", 'https://try8.cn'],
        ["SimpleMemory", 'https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/'],
        ["cnblogs-theme", 'https://wangyang0210.github.io/cnblogs-theme/v2/#/'],
        ["stackoverflow", 'https://stackoverflow.com/'],
        ["mdn", 'https://developer.mozilla.org/zh-CN/'],
        ["npm", 'https://www.npmjs.com/']
    ]

    // 友链配置
    window.cnblogsConfig.links.page = [
        // ================ 友链 =================================================================
        {
            title: '友情链接',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                {
                    name: 'Telegram',
                    introduction: 'Telegram（非正式简称TG、电报、纸飞机）是跨平台的即时通信软件，其客户端是自由及开放源代码软件，但服务端是专有软件。',
                    avatar: 'https://img2023.cnblogs.com/blog/2105804/202306/2105804-20230629132217488-1803289946.png',
                    url: 'https://t.me/+vvdZloIVTN5hNmU1'
                },
                {
                    name: 'BNTang-思否',
                    introduction: 'SegmentFault,思否,开发者社区,技术新闻资讯,技术问答社区,技术博客专栏,技术笔记,技术号,技术圈,技术直播,在线编程,开源社区,开源项目,程序员,云计算,AI,区块链,前端,后端,小程序,安全,运维,软件开发,编程,cto,javascript,php,python,java,ios,android',
                    avatar: 'https://avatar-static.segmentfault.com/556/640/556640106-5f0ee3c5d75e1_huge256',
                    url: 'https://segmentfault.com/u/xiaohuihuit'
                },
                {
                    name: 'BNTang-掘金',
                    introduction: '掘金是面向全球中文开发者的技术内容分享与交流平台。我们通过技术文章、沸点、课程、直播等产品和服务，打造一个激发开发者创作灵感，激励开发者沉淀分享，陪伴开发者成长的综合类技术社区。',
                    avatar: 'https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg',
                    url: 'https://juejin.cn/user/1990557030679672'
                },
                {
                    name: 'BNTang-OSCHINA',
                    introduction: '开源,OSC,开源软件,开源硬件,开源网站,开源社区,java开源,perl开源,python开源,ruby开源,php开源,开源项目,开源代码',
                    avatar: 'https://xiaohuihuit.github.io/images/avatar.jpg',
                    url: 'https://my.oschina.net/u/4189694'
                },
                {
                    name: 'BNTang-CSDN',
                    introduction: 'Jonathan丶BNTang擅长Java,文章,mk,等方面的知识,Jonathan丶BNTang关注面试,css,es6,vue.js,redis,javascript,xhtml,react.js,前端框架,node.js,flutter,elasticsearch,postman,webpack,mysql,https,typescript,etl领域.',
                    avatar: 'https://img2023.cnblogs.com/blog/2105804/202306/2105804-20230609160826949-19664159.png',
                    url: 'https://blog.csdn.net/XiaohuihuiHuiYi?spm=1011.2124.3001.5343'
                },
                {
                    name: 'BNTang-51CTO',
                    introduction: '51CTO, IT技术类博客',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_200723130824author.png',
                    url: 'https://blog.51cto.com/u_15652665'
                },
                {
                    name: 'xiaohuihuit',
                    introduction: 'Everyday is new .',
                    avatar: 'https://xiaohuihuit.github.io/images/avatar.jpg',
                    url: 'https://xiaohuihuit.github.io/'
                },
                {
                    name: 'JonathanLee',
                    introduction: 'IT技术类博客',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/TangXiaoHuiHui/1653035/o_200629043451default.jpg',
                    url: 'https://www.cnblogs.com/TangXiaoHuiHui'
                },
                {
                    name: '扣叮侠',
                    introduction: '这家伙很懒，什么都没有写...',
                    avatar: 'https://img2023.cnblogs.com/blog/2105804/202303/2105804-20230328092305542-1882368435.png',
                    url: 'https://bbs.it666.com/author/93/'
                },
                {
                    name: 'BNDong',
                    introduction: 'IT技术类博客',
                    avatar: 'https://blog.dbnuo.com/images/avatar.gif',
                    url: 'https://blog.dbnuo.com'
                },
                {
                    name: 'LOGI',
                    introduction: '会点代码的强迫症',
                    avatar: 'https://code.bdstatic.com/npm/logicdn@1.0.0/logi.im/usr/images/global/logo.webp',
                    url: 'https://logi.im'
                },
                {
                    name: 'MrBird',
                    introduction: 'IT技术类博客',
                    avatar: 'https://mrbird.cc/images/blogImage.jpg',
                    url: 'https://mrbird.cc'
                },
                {
                    name: '哈喽沃德先生',
                    introduction: '专注「JAVA，SPRING全家桶，微服务，高频面试题，软件开发技巧」',
                    avatar: 'https://mrhelloworld.com/resources/mrhelloworld/logo/avatar.jpg',
                    url: 'https://mrhelloworld.com'
                },
                {
                    name: '麋鹿鲁哟',
                    introduction: '大道至简，知易行难。',
                    avatar: 'https://pic.cnblogs.com/avatar/1273193/20190806180831.png',
                    url: 'https://www.cnblogs.com/miluluyo'
                },
                {
                    name: '南清风',
                    introduction: '不论何时，能依赖的只有自己变得的强大！',
                    avatar: 'https://pic.cnblogs.com/avatar/1491353/20191026164939.png',
                    url: 'https://www.cnblogs.com/su-root'
                },
                {
                    name: '杨不易',
                    introduction: '你的压力源于无法自律，只是假装努力，现状跟不上你内心的欲望，所以你焦急又恐慌---杨不易',
                    avatar: 'https://yby6.com/upload/2021/05/logo-8ae334efbd044f83814f25a6183c7acd.png',
                    url: 'https://yby6.com/'
                },
                {
                    name: '未明上',
                    introduction: '鱼跃此时海，❤️花开彼岸天。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/blogs/629733/galleries/1978586/o_211120142931_Weimingshang.jpg',
                    url: 'https://www.cnblogs.com/WeiMingShang'
                },
                {
                    name: '知了',
                    introduction: '朝闻道，夕可眠矣。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://zhile.io'
                },
                /*{
                    name: '维安雨轩 の Blog',
                    introduction: '寒蝉黎明之时，便是重生之日',
                    avatar: 'https://cdn.jsdelivr.net/gh/Ukenn2112/UkennWeb@2.0/index/666.jpg',
                    url: 'https://blog.ukenn.top'
                },*/
                {
                    name: 'Nite07',
                    introduction: 'Share And Release',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.nite07.com'
                },
                {
                    name: 'N0ts Blog',
                    introduction: '一个爱好钻研技术的咸鱼',
                    // avatar: 'https://cdn.nutssss.cn/wp-content/uploads/2020/02/1581510626-head.png',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://blog.n0ts.cn'
                },
                {
                    name: '资源汇社区的资源库',
                    introduction: '这个人很酷，就留了个资源站',
                    avatar: 'https://dd-static.jd.com/ddimg/jfs/t1/218969/34/4067/23293/618be263E04f882ba/b50231b0cd00edf2.jpg',
                    url: 'http://ziyuanhuishequ.ys168.com'
                },
                /*{
                    name: 'ZHC',
                    introduction: '知道的越多，不知道的就越多。',
                    avatar: 'https://zhc-picture.cdn.bcebos.com/tx.jpeg',
                    url: 'https://www.zhhc.cc'
                },*/
                {
                    name: 'LzsCxb',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://img2020.cnblogs.com/blog/2354934/202110/2354934-20211019224941117-168626507.png',
                    url: 'https://www.cnblogs.com/LzsCxb'
                },
                {
                    name: '懒得勤快的博客',
                    introduction: '本站是一个集精品软件、资源共享、前端技术和后端开发等互联网技术分享的博客，专注于资源分享、前端开发和后端技术。热衷于互联网行业，喜欢各种折腾。',
                    avatar: 'https://pic.ldqkcdn.top/20190606/5dc7fc1266bfd8109d1ef5e0e7630f2c_2_3_art.png',
                    url: 'https://masuit.com'
                },
                {
                    name: 'DuLi',
                    introduction: 'Do one thing at a time, and do well',
                    avatar: 'https://dulily.gitee.io/image/ava.png',
                    url: 'https://dulily.gitee.io/'
                },
                /*{
                    name: '陈亮',
                    introduction: '如果你不给自己设限，你的人生就没有极限。',
                    avatar: 'https://cdn.jsdelivr.net/gh/helinghands/cdn/img/avatar.jpg',
                    url: 'http://blog.itchenliang.club/'
                },*/
                {
                    name: 'Lance',
                    introduction: 'Front-end developer and iOS developer',
                    avatar: 'https://evestorm.github.io/uploads/avatar_lance.jpeg',
                    url: 'https://evestorm.github.io/'
                },
                {
                    name: '小飞博客',
                    introduction: '生活明朗,万物可爱,人间值得,未来可期。',
                    avatar: 'https://static.xffjs.com/xffjs/static/front/images/logo.png',
                    url: 'https://www.xffjs.com'
                },
                /*{
                    name: 'LyShark',
                    introduction: '专注信息安全技术',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/LyShark/2122613/o_220310113333_security.png',
                    url: 'https://www.cnblogs.com/lyshark'
                },*/
                {
                    name: 'hkgov',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.cnblogs.com/hkgov/'
                },
                {
                    name: '攻城狮耗子',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://pic.cnblogs.com/avatar/2726623/20220114174242.png',
                    url: 'https://www.cnblogs.com/haozi666'
                },
                {
                    name: 'xkcoding',
                    introduction: 'xkcoding 的代码成长日记',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://xkcoding.com'
                },
                {
                    name: '薛丫丫',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.cnblogs.com/zhangsf8080/'
                },
                {
                    name: '。思索',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://pic.cnblogs.com/face/1334215/20180504110551.png',
                    url: 'https://www.cnblogs.com/wangyang0210'
                },
                {
                    name: 'MaySean\'s Blog',
                    introduction: '行动，是打败焦虑的最好办法。',
                    avatar: 'https://maysean.gitee.io/images/avatar/avatar.png',
                    url: 'https://maysean.gitee.io/'
                },
                {
                    name: 'a1oyss\'s blog',
                    introduction: 'a1oyss',
                    avatar: 'https://a1oyss.github.io/images/avatar.jpg',
                    url: 'https://a1oyss.github.io/'
                },
                {
                    name: 'Supaleyer',
                    introduction: 'IT技术类博客',
                    avatar: 'https://pic.cnblogs.com/avatar/1981000/20220810123903.png',
                    url: 'https://www.cnblogs.com/supaleyer'
                },
                {
                    name: '尼采般地抒情',
                    introduction: '热爱技术更热爱生活',
                    avatar: 'https://www.wztlink1013.com/public/img/avatar.png',
                    url: 'https://www.wztlink1013.com/'
                },
                {
                    name: '丸了鸭的博客',
                    introduction: '明日之我，胸中有丘壑，立马振山河。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.kdy.icu/'
                },
                {
                    name: 'Dabing',
                    introduction: '一些些编程笔记',
                    avatar: 'https://blog.dabing.cool/images/avatar.jpg',
                    url: 'http://blog.dabing.cool'
                },
                {
                    name: '北游山河',
                    introduction: '遇事不决，可问春风',
                    avatar: 'https://img2022.cnblogs.com/blog/2942345/202208/2942345-20220815092323924-1470339245.jpg',
                    url: 'https://www.cnblogs.com/NorthPoet/'
                },
                {
                    name: 'JIAHE',
                    introduction: 'Collection & Reuse',
                    avatar: 'https://xiaojianzheng.cn/images/avatar.jpg',
                    url: 'https://xiaojianzheng.cn/'
                },
                {
                    name: 'ZVerify',
                    introduction: '勿在浮沙筑高楼，家住江南，又过了、清明寒食。',
                    // avatar: 'https://zangzang.oss-cn-beijing.aliyuncs.com/img/QQ%E5%9B%BE%E7%89%8720220825143701.jpg',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://zverify.cn/'
                },
                {
                    name: '王叨叨',
                    introduction: '无叨叨，不博客！不懂用户体验的前端不是好爸爸……',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://wangdaodao.com/'
                },
                {
                    name: 'guangzan',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://pic.cnblogs.com/avatar/1501373/20200819130243.png',
                    url: 'https://www.cnblogs.com/guangzan'
                },
                {
                    name: '乱码',
                    introduction: '这个人很酷，就留了个博客地址',
                    avatar: 'https://luan.ma/img/avatar.jpg',
                    url: 'https://luan.ma/'
                },
                {
                    name: 'Blue',
                    introduction: '书山有路勤为径，学海无涯苦作舟',
                    avatar: 'http://q.qlogo.cn/headimg_dl?dst_uin=2113438464&spec=640',
                    url: 'https://my-blue.gitee.io/'
                },
            ]
            // ================ 友链 =================================================================
        },
        {
            title: '网站',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                // -------------------------网站-------------------------
                {
                    name: 'Youtube',
                    introduction: '视频网站',
                    avatar: 'https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png',
                    url: 'https://www.youtube.com/'
                },
                {
                    name: 'Weibo',
                    introduction: '中国最大社交分享平台',
                    avatar: 'https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png',
                    url: 'https://www.weibo.com/'
                },
                {
                    name: 'Twitter',
                    introduction: '社交分享平台',
                    avatar: 'https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png',
                    url: 'https://twitter.com/'
                },
                {
                    name: 'DelftStack',
                    introduction: '免费但优质的技术网站，涵盖诸如Python，Javascript，C ++，GIT等语言。 DelfStack是一个学习不同编程语言的网站。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.delftstack.com/zh/'
                },
                {
                    name: '知识星球',
                    introduction: '知识星球是创作者连接铁杆粉丝，实现知识变现的工具。任何从事创作或艺术的人，例如艺术家、工匠、教师、学术研究、科普等，只要能获得一千位铁杆粉丝，就足够生计无忧，自由创作。社群管理、内容沉淀、链接粉丝等就在知识星球。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.zsxq.com/'
                },
                {
                    name: '开发者客栈',
                    introduction: '面试,刷题,题库,面试题库,面试题,面经,问答,文章,开发者,开发者客栈',
                    avatar: 'https://static.developers.pub/baeded04540b4fdeb5fec10297156416.png',
                    url: 'https://www.developers.pub/'
                }, {
                    name: 'Diboot 低代码',
                    introduction: '写的更少，性能更好 - 开发人员的低代码框架',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.diboot.com/'
                },
                {
                    name: '爱组搭',
                    introduction: '开源,低代码,零代码,无代码,开源代码,开源项目',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'http://aizuda.com/'
                },
                {
                    name: 'stream-query',
                    introduction: '工具类-wrench-及mybatis-pluscorn封装',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_221202012255_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221202091850.png',
                    url: 'https://vampireachao.gitee.io/stream-query-docs/#/'
                },
                {
                    name: '姜知笔记',
                    introduction: 'Gingerdoc 姜知笔记 ， 以太网，路由，交换，安全，系统等知识汇总。',
                    avatar: 'https://www.gingerdoc.com/wp-content/uploads/2020/05/ginger-logo.png',
                    url: 'https://www.gingerdoc.com/'
                },
                {
                    name: '程序员做饭指南',
                    introduction: '程序员在家做饭方法指南。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://cook.aiurs.co/'
                },
                {
                    name: 'THU-CST-Cracker',
                    introduction: '清华大学计算机系课程攻略',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://rekcarc-tsc-uht.readthedocs.io/en/latest/#'
                },
                {
                    name: 'zju-icicles',
                    introduction: '浙江大学课程攻略共享计划',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://qsctech.github.io/zju-icicles/'
                },
                {
                    name: 'OpenAI',
                    introduction: 'OpenAI是一家人工智能研究和部署公司。我们的使命是确保人工智能造福全人类。',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1813388/o_221207141039_MapByMathArtSys.png',
                    url: 'https://openai.com/'
                },
                {
                    name: 'Baeldung',
                    introduction: 'In-depth, to-the-point tutorials on Java, Spring, Spring Boot, Security, and REST.',
                    // avatar: 'https://www.baeldung.com/wp-content/themes/baeldung/icon/logo.svg',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://www.baeldung.com/'
                },
                {
                    name: '看云',
                    introduction: '看云是一个现代化文档写作、托管及数字出版平台，基于MarkDown语法和Git版本库管理，让你专注于知识创作，可以用于企业知识库、产品手册、项目文档和个人数字出版。',
                    avatar: 'https://chatimg.aihecong.com/FoHdJK5sgsKzb9QUmNRc5lFK5L2g.png?imageView2/1/w/100/h/100',
                    url: 'https://www.kancloud.cn/'
                },
                {
                    name: 'Java 全栈知识体系',
                    introduction: '包含: Java 基础, Java 部分源码, JVM, Spring, Spring Boot, Spring Cloud, 数据库原理, MySQL, ElasticSearch, MongoDB, Docker, k8s, CI&CD, Linux, DevOps, 分布式, 中间件, 开发工具, Git, IDE, 源码阅读，读书笔记, 开源项目...',
                    avatar: 'https://pdai.tech/images/index-read.gif',
                    url: 'https://pdai.tech/'
                },
                {
                    name: '语雀',
                    introduction: '十万阿里人都在用的笔记与文档知识库，面向企业、组织或个人，提供全新的体系化知识管理，打造轻松流畅的工作协同。金融级数据安全、丰富的应用场景、强大的知识创作与管理，助力企业、个人轻松拥有云端知识库',
                    avatar: 'https://mdn.alipayobjects.com/huamei_0prmtq/afts/img/A*Ug-0S7mWpx8AAAAAAAAAAAAADvuFAQ/original',
                    url: 'https://www.yuque.com/'
                },
                {
                    name: '试试吧',
                    introduction: '全部免费，试试吧致力于打造领先的一站式在线工具平台！',
                    avatar: 'https://try8.cn/_asset/img/logo.png',
                    url: 'https://try8.cn/'
                },
                {
                    name: 'SchelleyYuki',
                    introduction: '为编程爱好者和科技爱好者提供最实用最优质的资讯，以及学习资源折扣信息（比如Udacity折扣，Educative折扣）。帮更多人学好编程，帮更多程序员找到好工作。',
                    avatar: 'https://schelleyyuki.com/hubfs/Schelley/Schelley.webp',
                    url: 'https://schelleyyuki.com/'
                },
                {
                    name: '程序员小山与Bug',
                    introduction: '本站为方便粉丝按字幕搜索往期视频而设立！',
                    avatar: 'https://www.gitbook.com/cdn-cgi/image/width=40,dpr=2,height=40,fit=contain,format=auto/https%3A%2F%2F297273210-files.gitbook.io%2F~%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fb6ozx3btwKcgZi8bqOyB%252Ficon%252FLDsfbbzEsNl2CbnAYEgZ%252Fheader_margin.JPG%3Falt%3Dmedia%26token%3D23ceea1e-08cd-41bb-967d-1f301fedd8b9',
                    url: 'https://sunzsh.gitbook.io/xiaoshan.bug/'
                }
                // -------------------------网站-------------------------
            ]
        },
        {
            title: 'Dromara 组织',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                {
                    name: 'Easy-Es',
                    introduction: '🚀傻瓜级ElasticSearch搜索引擎ORM框架',
                    avatar: 'https://www.easy-es.cn/img/logo.svg',
                    url: 'https://www.easy-es.cn/'
                },
                {
                    name: 'Sa-Token',
                    introduction: '一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！',
                    avatar: 'https://sa-token.cc/logo.png',
                    url: 'https://sa-token.cc/'
                },
                {
                    name: 'Hutool',
                    introduction: 'A set of tools that keep Java sweet.',
                    avatar: 'https://plus.hutool.cn/images/logo.jpg',
                    url: 'https://hutool.cn/'
                },
                {
                    name: 'Fast Request',
                    introduction: '为简化调试API而生',
                    avatar: 'https://img2023.cnblogs.com/blog/2105804/202212/2105804-20221201212959082-1136099356.gif',
                    url: 'https://dromara.gitee.io/fast-request/'
                }
            ]
        },
        {
            title: '框架',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                {
                    name: 'MyBatis-Plus',
                    introduction: '🚀为简化开发而生',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://baomidou.com/'
                },
                {
                    name: 'v2.vuejs',
                    introduction: 'Vue.js - The Progressive JavaScript Framework',
                    avatar: 'https://v2.vuejs.org/images/logo.svg',
                    url: 'https://v2.vuejs.org/'
                },
                {
                    name: 'element',
                    introduction: 'Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库',
                    avatar: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0NnB4IiBoZWlnaHQ9IjM4cHgiIHZpZXdCb3g9IjAgMCAxNDYgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQwICgzMzc2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2hhcGUgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJ2Mi4yLjAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLpppbpobUt6buY6K6k5pWI5p6cLWNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcwLjAwMDAwMCwgLTE5LjAwMDAwMCkiIGZpbGw9IiM0MDlFRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjEyLjEzNTQ0MSw0NS4xNTc4MDc3IEMyMTIuMTM1NDQxLDQ1LjE1NzgwNzcgMjEyLjQyMDIzNyw0NS4xNTA1MTA1IDIxMi45NjA5MzcsNDUuMTU3ODA3NyBDMjEzLjUwMTYzNyw0NS4xNjUxMDQ5IDIxMy42NDg4NTEsNDUuNTcwODU1NiAyMTMuNjQ4ODUxLDQ1LjU3MDg1NTYgQzIxMy42NDg4NTEsNDUuNTcwODU1NiAyMTQuNzMzODI4LDQ3LjU2NjU2NTcgMjE1LjAyNDY3Nyw0OC4wNDkxNDM0IEMyMTUuMjgzNjA4LDQ4LjQ3ODcxMzMgMjE0Ljk3MzIyMSw0OC40NzA4NjU0IDIxNC45MDE4MTYsNDguNDYzODQzNiBDMjE0LjkwMjUwNCw0OC40NjI4Nzk4IDIxNC44ODcwOTUsNDguNDYyMTkxNCAyMTQuODg3MDk1LDQ4LjQ2MjE5MTQgQzIxNC44ODcwOTUsNDguNDYyMTkxNCAyMTQuODkzMDExLDQ4LjQ2MzAxNzUgMjE0LjkwMTgxNiw0OC40NjM4NDM2IEMyMTQuODk4NjUyLDQ4LjQ2ODI0OTUgMjE0LjU5NDczMSw0OC40NzgzMDAzIDIxMS40NDc1MjgsNDguNDYyMTkxNCBDMjA3LjA1ODY0MSw0Ny44NjY1NzYyIDIwNi45MDczLDQzLjkxODY2MzggMjA2LjkwNzMsNDMuOTE4NjYzOCBMMjA2LjkwNzMsMzYuODk2ODQ4MyBMMjA0LjQzMDgxMiwzNi44OTY4NDgzIEwyMDQuNDMwODEyLDM0LjI4MDg3NzkgQzIwNC40MzA4MTIsMzMuOTI0Mjc5OCAyMDQuODQzNTYsMzMuODY3ODI5OSAyMDQuODQzNTYsMzMuODY3ODI5OSBMMjA2LjkwNzMsMzMuODY3ODI5OSBMMjA2LjkwNzMsMzEuMjUxODU5NCBDMjA2LjkwNzMsMzAuODI1MTgwOSAyMDcuMzIwMDQ4LDMwLjcwMTEyODggMjA3LjMyMDA0OCwzMC43MDExMjg4IEMyMDcuMzIwMDQ4LDMwLjcwMTEyODggMjA4Ljc3MjY0NiwzMC4yODU4Nzc5IDIwOS42MTc4MTYsMzAuMDQ0MTA3MiBDMjA5Ljk2NDY2MiwyOS45NDQ5NzU2IDIxMC4wNzE3MDEsMzAuMTUwMzk4MiAyMTAuMDcxNzAxLDMwLjE1MDM5ODIgQzIxMC4wNzE3MDEsMzAuMTUwMzk4MiAyMTAuMjA5Mjg0LDMwLjA3NzQyNjQgMjEwLjIwOTI4NCwzMC4zOTI3MTk2IEwyMTAuMjA5Mjg0LDM0LjAwNTUxMjUgTDIxMy43ODY0MzMsMzQuMDA1NTEyNSBDMjE0LjEzNDY1NSwzNC4wMDU1MTI1IDIxNC4xOTkxODEsMzQuNDE4NTYwNSAyMTQuMTk5MTgxLDM0LjQxODU2MDUgTDIxNC4xOTkxODEsMzcuMDM0NTMxIEwyMTAuMjA5Mjg0LDM3LjAzNDUzMSBMMjEwLjIwOTI4NCw0My4wOTI1Njc4IEMyMTAuMjA5Mjg0LDQ0Ljg1MzM5MTMgMjEyLjEzNTQ0MSw0NS4xNTc4MDc3IDIxMi4xMzU0NDEsNDUuMTU3ODA3NyBMMjEyLjEzNTQ0MSw0NS4xNTc4MDc3IFogTTIwMS41NDE1NzYsNDguMTg2ODI2MSBMMTk5LjM0MDI1Myw0OC4xODY4MjYxIEMxOTguOTA4MzgxLDQ4LjE4NjgyNjEgMTk4LjkyNzUwNSw0Ny42MzYwOTU1IDE5OC45Mjc1MDUsNDcuNjM2MDk1NSBMMTk4LjkyNzUwNSwzNy40NDc1Nzg5IEMxOTguOTI3NTA1LDM2LjgyODY5NTQgMTk4LjEwMjAwOSwzNi42MjE0ODMgMTk4LjEwMjAwOSwzNi42MjE0ODMgTDE5My41NjE3ODEsMzYuNjIxNDgzIEMxOTIuODg0NDYyLDM2LjYyMTQ4MyAxOTIuODczODY4LDM3LjQ0NzU3ODkgMTkyLjg3Mzg2OCwzNy40NDc1Nzg5IEwxOTIuODczODY4LDQ3Ljc3Mzc3ODEgQzE5Mi44NzM4NjgsNDguMTc4NzAyOCAxOTIuNDYxMTIsNDguMTg2ODI2MSAxOTIuNDYxMTIsNDguMTg2ODI2MSBMMTkwLjI1OTc5Nyw0OC4xODY4MjYxIEMxODkuNzc1NzgyLDQ4LjE4NjgyNjEgMTg5Ljg0NzA0OSw0Ny42MzYwOTU1IDE4OS44NDcwNDksNDcuNjM2MDk1NSBMMTg5Ljg0NzA0OSwzNC44MzE2MDg1IEMxODkuODQ3MDQ5LDMzLjgwMzExOSAxOTEuMDg1MjkzLDMzLjU5MjQ2NDYgMTkxLjA4NTI5MywzMy41OTI0NjQ2IEwyMDAuNzE2MDgsMzMuNTkyNDY0NiBDMjAxLjY3Nzc4MywzMy41OTI0NjQ2IDIwMS45NTQzMjQsMzQuODMxNjA4NSAyMDEuOTU0MzI0LDM0LjgzMTYwODUgTDIwMS45NTQzMjQsNDcuNDk4NDEyOCBDMjAxLjk1NDMyNCw0OC4yMTg2MzA4IDIwMS41NDE1NzYsNDguMTg2ODI2MSAyMDEuNTQxNTc2LDQ4LjE4NjgyNjEgTDIwMS41NDE1NzYsNDguMTg2ODI2MSBaIE0xODUuODU3MTUyLDQyLjQwNDE1NDYgTDE3Ny4zMjcwMjcsNDIuNDA0MTU0NiBMMTc3LjMyNzAyNyw0NC40NjkzOTQ0IEMxNzcuMzI3MDI3LDQ1LjIxMzU2OTEgMTc4LjI5MDEwNiw0NS40MzMxNzMgMTc4LjI5MDEwNiw0NS40MzMxNzMgTDE4NS4xNjkyMzksNDUuNDMzMTczIEMxODUuNjU4NzU4LDQ1LjQzMzE3MyAxODUuOTk0NzM1LDQ1Ljg0NjIyMSAxODUuOTk0NzM1LDQ1Ljg0NjIyMSBDMTg1Ljk5NDczNSw0NS44NDYyMjEgMTg2LjU5NTAwOCw0Ny4wOTUxNDAzIDE4Ni44MjAyMzEsNDcuNjM2MDk1NSBDMTg3LjA0NTQ1NCw0OC4xNzcwNTA2IDE4Ni40MDc0ODMsNDguMTg2ODI2MSAxODYuNDA3NDgzLDQ4LjE4NjgyNjEgTDE3Ni4wODg3ODMsNDguMTg2ODI2MSBDMTc0Ljg0NjEzNiw0OC4xODY4MjYxIDE3NC41NzUzNzQsNDYuNjcyMzE2OSAxNzQuNTc1Mzc0LDQ2LjY3MjMxNjkgTDE3NC41NzUzNzQsMzQuOTY5MjkxMSBDMTc0LjU3NTM3NCwzNC4yOTYyOTgzIDE3NS41Mzg0NTIsMzQuMDA1NTEyNSAxNzUuNTM4NDUyLDM0LjAwNTUxMjUgTDE4NS44NTcxNTIsMzQuMDA1NTEyNSBDMTg2Ljg5NDExMywzNC4wMDU1MTI1IDE4Ny4wOTUzOTYsMzUuMjQ0NjU2NCAxODcuMDk1Mzk2LDM1LjI0NDY1NjQgTDE4Ny4wOTUzOTYsNDEuMTY1MDEwNyBDMTg3LjA5NTM5Niw0Mi4xNjM4OTgzIDE4NS44NTcxNTIsNDIuNDA0MTU0NiAxODUuODU3MTUyLDQyLjQwNDE1NDYgTDE4NS44NTcxNTIsNDIuNDA0MTU0NiBaIE0xODQuMzQzNzQzLDM3LjQ0NzU3ODkgQzE4NC4zNDM3NDMsMzcuNDQ3NTc4OSAxODQuMjU3MDY2LDM2Ljc1OTE2NTcgMTgzLjY1NTgzLDM2Ljc1OTE2NTcgTDE3OC4wMTQ5NCwzNi43NTkxNjU3IEMxNzguMDE0OTQsMzYuNzU5MTY1NyAxNzcuMzI3MDI3LDM2Ljk0Mzc5ODEgMTc3LjMyNzAyNywzNy40NDc1Nzg5IEwxNzcuMzI3MDI3LDM4Ljk2MjA4ODIgQzE3Ny4zMjcwMjcsMzguOTYyMDg4MiAxNzcuMzQ2ODM5LDM5LjY1MDUwMTQgMTc4LjAxNDk0LDM5LjY1MDUwMTQgTDE4My42NTU4MywzOS42NTA1MDE0IEMxODMuNjU1ODMsMzkuNjUwNTAxNCAxODQuMzQzNzQzLDM5LjQ4MDQ2MzQgMTg0LjM0Mzc0MywzOC44MjQ0MDU1IEwxODQuMzQzNzQzLDM3LjQ0NzU3ODkgTDE4NC4zNDM3NDMsMzcuNDQ3NTc4OSBaIE0xNzEuNDEwOTcyLDQ4LjE4NjgyNjEgTDE2OS4yMDk2NSw0OC4xODY4MjYxIEMxNjguOTE5MjEzLDQ4LjE4NjgyNjEgMTY4Ljc5NjkwMiw0Ny43NzM3NzgxIDE2OC43OTY5MDIsNDcuNzczNzc4MSBMMTY4Ljc5NjkwMiwzNy40NDc1Nzg5IEMxNjguNzk2OTAyLDM2LjgwNzIxNjkgMTY3Ljk3MTQwNiwzNi42MjE0ODMgMTY3Ljk3MTQwNiwzNi42MjE0ODMgTDE2NS45MDc2NjYsMzYuNjIxNDgzIEMxNjUuMzMxODgyLDM2LjYyMTQ4MyAxNjUuMjE5NzUyLDM3LjQ0NzU3ODkgMTY1LjIxOTc1MiwzNy40NDc1Nzg5IEwxNjUuMjE5NzUyLDQ3Ljc3Mzc3ODEgQzE2NS4yMTk3NTIsNDguMTE2MzMyNiAxNjQuODA3MDA0LDQ4LjE4NjgyNjEgMTY0LjgwNzAwNCw0OC4xODY4MjYxIEwxNjIuNjA1NjgyLDQ4LjE4NjgyNjEgQzE2Mi4yOTk1Niw0OC4xODY4MjYxIDE2Mi4xOTI5MzQsNDcuNzczNzc4MSAxNjIuMTkyOTM0LDQ3Ljc3Mzc3ODEgTDE2Mi4xOTI5MzQsMzcuNDQ3NTc4OSBDMTYyLjE5MjkzNCwzNi43OTI4OTc5IDE2MS4zNjc0MzgsMzYuNjIxNDgzIDE2MS4zNjc0MzgsMzYuNjIxNDgzIEwxNTkuMzAzNjk4LDM2LjYyMTQ4MyBDMTU4LjY3Mzk4MiwzNi42MjE0ODMgMTU4LjYxNTc4NCwzNy40NDc1Nzg5IDE1OC42MTU3ODQsMzcuNDQ3NTc4OSBMMTU4LjYxNTc4NCw0Ny43NzM3NzgxIEMxNTguNjE1Nzg0LDQ4LjIxNTczOTUgMTU4LjIwMzAzNiw0OC4xODY4MjYxIDE1OC4yMDMwMzYsNDguMTg2ODI2MSBMMTU2LjAwMTcxNCw0OC4xODY4MjYxIEMxNTUuNTg5Mzc4LDQ4LjE4NjgyNjEgMTU1LjU4ODk2Niw0Ny43NzM3NzgxIDE1NS41ODg5NjYsNDcuNzczNzc4MSBMMTU1LjU4ODk2NiwzNC42OTM5MjU4IEMxNTUuNTg4OTY2LDMzLjkzNjI1ODIgMTU2LjY4OTYyNywzMy41OTI0NjQ2IDE1Ni42ODk2MjcsMzMuNTkyNDY0NiBMMTcwLjQ0Nzg5NCwzMy41OTI0NjQ2IEMxNzEuNTUyMjcsMzMuNTkyNDY0NiAxNzEuODIzNzIsMzQuOTY5MjkxMSAxNzEuODIzNzIsMzQuOTY5MjkxMSBMMTcxLjgyMzcyLDQ3Ljc3Mzc3ODEgQzE3MS44MjM3Miw0OC4yNDkzMzQgMTcxLjQxMDk3Miw0OC4xODY4MjYxIDE3MS40MTA5NzIsNDguMTg2ODI2MSBMMTcxLjQxMDk3Miw0OC4xODY4MjYxIFogTTE1MS40NjE0ODYsNDIuNDA0MTU0NiBMMTQyLjkzMTM2LDQyLjQwNDE1NDYgTDE0Mi45MzEzNiw0NC40NjkzOTQ0IEMxNDIuOTMxMzYsNDUuMjEzNTY5MSAxNDMuODk0NDM5LDQ1LjQzMzE3MyAxNDMuODk0NDM5LDQ1LjQzMzE3MyBMMTUwLjc3MzU3Miw0NS40MzMxNzMgQzE1MS4yNjMwOTIsNDUuNDMzMTczIDE1MS41OTkwNjgsNDUuODQ2MjIxIDE1MS41OTkwNjgsNDUuODQ2MjIxIEMxNTEuNTk5MDY4LDQ1Ljg0NjIyMSAxNTIuMTk5MjA0LDQ3LjA5NTE0MDMgMTUyLjQyNDU2NCw0Ny42MzYwOTU1IEMxNTIuNjQ5Nzg3LDQ4LjE3NzA1MDYgMTUyLjAxMTgxNiw0OC4xODY4MjYxIDE1Mi4wMTE4MTYsNDguMTg2ODI2MSBMMTQxLjY5MzExNyw0OC4xODY4MjYxIEMxNDAuNDUwNDcsNDguMTg2ODI2MSAxNDAuMTc5NzA3LDQ2LjY3MjMxNjkgMTQwLjE3OTcwNyw0Ni42NzIzMTY5IEwxNDAuMTc5NzA3LDM0Ljk2OTI5MTEgQzE0MC4xNzk3MDcsMzQuMjk2Mjk4MyAxNDEuMTQyNzg2LDM0LjAwNTUxMjUgMTQxLjE0Mjc4NiwzNC4wMDU1MTI1IEwxNTEuNDYxNDg2LDM0LjAwNTUxMjUgQzE1Mi40OTg0NDYsMzQuMDA1NTEyNSAxNTIuNjk5NzMsMzUuMjQ0NjU2NCAxNTIuNjk5NzMsMzUuMjQ0NjU2NCBMMTUyLjY5OTczLDQxLjE2NTAxMDcgQzE1Mi42OTk3Myw0Mi4xNjM4OTgzIDE1MS40NjE0ODYsNDIuNDA0MTU0NiAxNTEuNDYxNDg2LDQyLjQwNDE1NDYgTDE1MS40NjE0ODYsNDIuNDA0MTU0NiBaIE0xNDkuOTQ4MDc2LDM3LjQ0NzU3ODkgQzE0OS45NDgwNzYsMzcuNDQ3NTc4OSAxNDkuODYxMzk5LDM2Ljc1OTE2NTcgMTQ5LjI2MDE2MywzNi43NTkxNjU3IEwxNDMuNjE5Mjc0LDM2Ljc1OTE2NTcgQzE0My42MTkyNzQsMzYuNzU5MTY1NyAxNDIuOTMxMzYsMzYuOTQzNzk4MSAxNDIuOTMxMzYsMzcuNDQ3NTc4OSBMMTQyLjkzMTM2LDM4Ljk2MjA4ODIgQzE0Mi45MzEzNiwzOC45NjIwODgyIDE0Mi45NTExNzIsMzkuNjUwNTAxNCAxNDMuNjE5Mjc0LDM5LjY1MDUwMTQgTDE0OS4yNjAxNjMsMzkuNjUwNTAxNCBDMTQ5LjI2MDE2MywzOS42NTA1MDE0IDE0OS45NDgwNzYsMzkuNDgwNDYzNCAxNDkuOTQ4MDc2LDM4LjgyNDQwNTUgTDE0OS45NDgwNzYsMzcuNDQ3NTc4OSBMMTQ5Ljk0ODA3NiwzNy40NDc1Nzg5IFogTTEzOC4xMTU5NjcsNDguMTg2ODI2MSBMMTMyLjg4NzgyNiw0OC4xODY4MjYxIEMxMzIuODg3ODI2LDQ4LjE4NjgyNjEgMTI5LjA2MTkyNyw0OC4wMDYxODY1IDEyOC43NjAzNDYsNDQuMTk0MDI5MSBDMTI4Ljc0ODIzOSw0MC4yNzkwMjI4IDEyOC43NjAzNDYsMjguMDg1MTU4MyAxMjguNzYwMzQ2LDI4LjA4NTE1ODMgTDEzMS4yMzY4MzQsMjguMDg1MTU4MyBDMTMxLjIzNjgzNCwyOC4wODUxNTgzIDEzMi4wNjIzMywyOC4wNzAxNTA5IDEzMi4wNjIzMywyOC45MTEyNTQzIEwxMzIuMDYyMzMsNDMuMzY3OTMzMSBDMTMyLjA2MjMzLDQzLjM2NzkzMzEgMTMyLjM1MDAxNSw0NC41NjM4NDQ3IDEzMy45ODg0ODcsNDUuMDIwMTI1IEMxMzUuODM5OCw0NS4wMTA3NjI2IDEzNi4xODk4MSw0NS4wMjAxMjUgMTM2LjE4OTgxLDQ1LjAyMDEyNSBDMTM2LjE4OTgxLDQ1LjAyMDEyNSAxMzYuOTA3MzAzLDQ0Ljc5MDE5NSAxMzcuNDI4MDU0LDQ1LjcwODUzODMgQzEzNy45NDg4MDQsNDYuNjI2ODgxNiAxMzguNTI4NzE1LDQ3LjYzNjA5NTUgMTM4LjUyODcxNSw0Ny42MzYwOTU1IEMxMzguNTI4NzE1LDQ3LjYzNjA5NTUgMTM4LjYxMTU0LDQ4LjE4NjgyNjEgMTM4LjExNTk2Nyw0OC4xODY4MjYxIEwxMzguMTE1OTY3LDQ4LjE4NjgyNjEgWiBNMTExLjU2MjUxMyw0Ny4zNjA3MzAyIEwxMTEuNTYyNTEzLDI5LjE4NjYxOTYgQzExMS41NjI1MTMsMjguMzgwNzYzIDExMi4yNTA0MjYsMjguMjIyODQxIDExMi4yNTA0MjYsMjguMjIyODQxIEwxMjUuMTgzMTk3LDI4LjIyMjg0MSBDMTI1LjkwNjQ2OSwyOC4yMjI4NDEgMTI1LjU5NTk0NSwyOS4wNDg5MzY5IDEyNS41OTU5NDUsMjkuMDQ4OTM2OSBDMTI1LjU5NTk0NSwyOS4wNDg5MzY5IDEyNS4xOTI4MjcsMzAuMTY2MDk0IDEyNC45MDgwMzEsMzAuNzAxMTI4OCBDMTI0LjYyMzIzNSwzMS4yMzYxNjM2IDEyNC4wODI1MzUsMzEuMjUxODU5NCAxMjQuMDgyNTM1LDMxLjI1MTg1OTQgTDExNS42ODk5OTMsMzEuMjUxODU5NCBDMTE0LjkwODUyMywzMS4yNTE4NTk0IDExNC44NjQ0OTcsMzEuOTQwMjcyNyAxMTQuODY0NDk3LDMxLjk0MDI3MjcgTDExNC44NjQ0OTcsMzYuNDgzODAwMyBMMTI0LjM1NzcwMSwzNi40ODM4MDAzIEMxMjQuOTE0NjM1LDM2LjQ4MzgwMDMgMTI0LjYzMjg2NiwzNy4xNzIyMTM2IDEyNC42MzI4NjYsMzcuMTcyMjEzNiBDMTI0LjYzMjg2NiwzNy4xNzIyMTM2IDEyMy45MjE4MzksMzguNjg4OTI1OCAxMjMuNjY5Nzg3LDM5LjA5OTc3MDggQzEyMy40MTc3MzYsMzkuNTEwNjE1OSAxMjIuODQ0MjkxLDM5LjUxMjgxODggMTIyLjg0NDI5MSwzOS41MTI4MTg4IEwxMTQuODY0NDk3LDM5LjUxMjgxODggTDExNC44NjQ0OTcsNDQuMzMxNzExNyBDMTE0Ljg2NDQ5Nyw0NC45ODg0NTggMTE1LjU1MjQxLDQ1LjE1NzgwNzcgMTE1LjU1MjQxLDQ1LjE1NzgwNzcgTDEyNC4zNTc3MDEsNDUuMTU3ODA3NyBDMTI0Ljk5NjIyMiw0NS4xNTc4MDc3IDEyNS4xODMxOTcsNDUuNTcwODU1NiAxMjUuMTgzMTk3LDQ1LjU3MDg1NTYgQzEyNS4xODMxOTcsNDUuNTcwODU1NiAxMjYuMDU1MTk2LDQ2LjkzMjM5OTQgMTI2LjQyMTQ0MSw0Ny40OTg0MTI4IEMxMjYuNzg3ODIzLDQ4LjA2NDQyNjIgMTI2LjI4Mzg1OCw0OC4xODY4MjYxIDEyNi4yODM4NTgsNDguMTg2ODI2MSBMMTEyLjM4ODAwOSw0OC4xODY4MjYxIEMxMTEuODE0MTUxLDQ4LjE4NjgyNjEgMTExLjU2MjUxMyw0Ny4zNjA3MzAyIDExMS41NjI1MTMsNDcuMzYwNzMwMiBaIE0xMDMuNDE2NTAyLDQ2LjIxNzU1MTEgQzEwMy40MDcwMDgsNDcuNzk0NTY4MiAxMDIuNTg3ODQxLDQ4LjE0NjM0NzQgMTAyLjU4Nzg0MSw0OC4xNDYzNDc0IEMxMDIuNTg3ODQxLDQ4LjE0NjM0NzQgODguNDUyMDQ3OCw1Ni4zMTQ1MDg3IDg3LjUzMjk5NTYsNTYuODI2Mjc1MSBDODYuNjIyMzM2LDU3LjIxNzE1NjEgODYuMDEzNjcwMyw1Ni44MjYyNzUxIDg2LjAxMzY3MDMsNTYuODI2Mjc1MSBDODYuMDEzNjcwMyw1Ni44MjYyNzUxIDcxLjIyMjU3MDYsNDguMjQ3OTU3MiA3MC42ODI2OTYyLDQ3Ljg3MDg0NDQgQzcwLjE0MjY4NDMsNDcuNDkzNzMxNiA3MC4xMzAxNjQzLDQ2LjkwNjM3NzQgNzAuMTMwMTY0Myw0Ni45MDYzNzc0IEM3MC4xMzAxNjQzLDQ2LjkwNjM3NzQgNzAuMTQ1MDIzMiwyOS45MTk5MTc0IDcwLjEzMDE2NDMsMjkuMTMzMzM2NCBDNzAuMTE1MzA1MywyOC4zNDY2MTc3IDcxLjA5Njk1NzYsMjcuNzU1NTQ2MSA3MS4wOTY5NTc2LDI3Ljc1NTU0NjEgTDg1Ljg3NTUzNzMsMTkuMjEzNDM4NyBDODYuNzg1MzcxNCwxOC43MzMyMDE2IDg3LjY3MTEyODYsMTkuMjEzNDM4NyA4Ny42NzExMjg2LDE5LjIxMzQzODcgQzg3LjY3MTEyODYsMTkuMjEzNDM4NyAxMDAuNzI2NjIzLDI2LjgwMjA5MzcgMTAyLjE3MzQ0MiwyNy42MTc3MjU3IEMxMDMuNTkxNTA3LDI4LjI5MTk1NzcgMTAzLjQxNjUwMiwyOS42ODQzNDI0IDEwMy40MTY1MDIsMjkuNjg0MzQyNCBDMTAzLjQxNjUwMiwyOS42ODQzNDI0IDEwMy40MjUzMDcsNDQuNzUxOTE5MiAxMDMuNDE2NTAyLDQ2LjIxNzU1MTEgTDEwMy40MTY1MDIsNDYuMjE3NTUxMSBaIE05Ny41MTYwMTA1LDI5LjE2OTEzMzkgQzk0LjQ5MDAxNzMsMjcuNDI3NDQ4MyA4Ny4zNjE1ODQyLDIzLjI5NzEwNjMgODcuMzYxNTg0MiwyMy4yOTcxMDYzIEM4Ny4zNjE1ODQyLDIzLjI5NzEwNjMgODYuNjY2MTAzOSwyMi45MjEyMzI2IDg1Ljk1MTc3NDcsMjMuMjk3MTA2MyBMNzQuMzQ4NzQwNiwyOS45ODIxNSBDNzQuMzQ4NzQwNiwyOS45ODIxNSA3My41NzgwMDI1LDMwLjQ0NDkwMTQgNzMuNTg5Njk3LDMxLjA2MDQ4MDUgQzczLjYwMTM5MTUsMzEuNjc2MDU5NyA3My41ODk2OTcsNDQuOTY5ODcwOCA3My41ODk2OTcsNDQuOTY5ODcwOCBDNzMuNTg5Njk3LDQ0Ljk2OTg3MDggNzMuNTk5NDY1NCw0NS40Mjk1OTMyIDc0LjAyMzQ5NTEsNDUuNzI0NjQ3MiBDNzQuNDQ3Mzg3Myw0Ni4wMTk3MDExIDg2LjA2MDE4OTgsNTIuNzMzMjQ1MSA4Ni4wNjAxODk4LDUyLjczMzI0NTEgQzg2LjA2MDE4OTgsNTIuNzMzMjQ1MSA4Ni41MzgxNTIsNTMuMDM5MTc1OSA4Ny4yNTMwMzE1LDUyLjczMzI0NTEgQzg3Ljk3NDY1MjYsNTIuMzMyNzI2MiA5OS4wNzMwMzM1LDQ1Ljk0MDI1ODIgOTkuMDczMDMzNSw0NS45NDAyNTgyIEM5OS4wNzMwMzM1LDQ1Ljk0MDI1ODIgOTkuNzE2MjMyNSw0NS42NjQ4OTI5IDk5LjcyMzY2MTksNDQuNDMwNzA1NiBDOTkuNzI1NzI1Nyw0NC4wNzQ3OTU5IDk5LjcyNjU1MTIsNDIuNjkzMjg4MSA5OS43MjY2ODg3LDQwLjk1NzUyMjkgTDg2LjY2MDA1MDIsNDguODc1MjM5NCBMODYuNjYwMDUwMiw0NS44NDYyMjEgQzg2LjY2MDA1MDIsNDQuNjAyMTIwNSA4Ny42MjMxMjg5LDQzLjc4MDk4MTEgODcuNjIzMTI4OSw0My43ODA5ODExIEw5OS4xODA3NjA3LDM2LjgxNjU3OTMgQzk5LjYxNjg5NzgsMzYuMzYxMTI1MSA5OS43MDY4NzY4LDM1LjYzMTU0NDcgOTkuNzI1NDUwNSwzNS4zNTU2Mjg3IEM5OS43MjUwMzc4LDM0LjA5MDQ2MjcgOTkuNzI0NDg3NCwzMi45ODUyODQxIDk5LjcyNDA3NDcsMzIuMjg1MTY3OCBMODYuNjYwMDUwMiw0MC4yMDEyMzIxIEw4Ni42NjAwNTAyLDM3LjAzNDUzMSBDODYuNjYwMDUwMiwzNS43OTA0MzA1IDg3LjQ4NTU0NjIsMzUuMjQ0NjU2NCA4Ny40ODU1NDYyLDM1LjI0NDY1NjQgTDk3LjUxNjAxMDUsMjkuMTY5MTMzOSBaIiBpZD0iU2hhcGUtQ29weSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+',
                    url: 'https://element.eleme.cn/#/zh-CN'
                },
            ]
        },
        {
            title: '特殊友链',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                {
                    name: 'HTTISHERE',
                    introduction: '生命就像一盒巧克力，结果往往出人意料。',
                    // avatar: 'https://httishere.github.io/image/avatar.jpeg',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://httishere.github.io/'
                },
            ]
        },
        {
            title: '失效友链',
            icon: '',
            style: 'color: #4c4948;',
            links: [
                {
                    name: '山海小站',
                    introduction: '山海小站的宗旨是“推荐为王，资源为辅！”精选推荐分享各类影视/软件/美剧/动漫动画阿里云盘-天翼网盘资源',
                    // avatar: 'https://sh1.shanhaiz.com/img/shbbs/2022/04/20220401104002761.png',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://bbs.shanhaiz.com/'
                },
                {
                    name: 'MikeC\'s Blog',
                    introduction: 'Study && Lost',
                    avatar: 'https://images.cnblogs.com/cnblogs_com/BNTang/1812554/t_211130103350_default.gif',
                    url: 'https://oiermikec.fun'
                },
            ]
        }
    ];

    // 书单
    window.cnblogsConfig.bookList = [
        {
            title: '在读',
            books: [
                {
                    // 封面
                    cover: 'https://images.cnblogs.com/cnblogs_com/BNTang/1846939/o_221204034904_a044ad345982b2b725fc7daa38adcbef76099b79.webp',
                    // 书名
                    name: '骆驼祥子',
                    // 原书名
                    formerName: '',
                    // 作者
                    author: '老舍',
                    // 译者
                    translator: '',
                    // 出版社
                    press: '人民文学出版社',
                    // 出版年
                    year: '2000-3-1',
                    // 等级1〜5
                    score: 5,
                    readDate: '00.00.00',
                    readPercentage: '0%'
                },
            ]
        },
        {
            title: '库存',
            books: [
                {
                    // 封面
                    cover: 'https://images.cnblogs.com/cnblogs_com/BNTang/1846939/o_221204034854_503d269759ee3d6d55fb592d735a7a224f4a21a4708a.webp',
                    // 书名
                    name: '孙子兵法',
                    // 原书名
                    formerName: '',
                    // 作者
                    author: '孙武',
                    // 译者
                    translator: '郭化若',
                    // 出版社
                    press: '上海古籍出版社',
                    // 出版年
                    year: '2006-07-01',
                    // 等级1〜5
                    score: 5,
                    readDate: '00.00.00',
                    readPercentage: '0%'
                },
            ]
        },
        {
            title: '心愿',
            books: [
                {
                    cover: 'https://files.dbnuo.com/bkCover/s1291183.jpg',
                    name: '君主论',
                    formerName: 'Il Principe',
                    author: '[意] 尼科洛·马基雅维里',
                    translator: '潘汉典',
                    press: '商务印书馆',
                    year: '1985-7',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s3658701.jpg',
                    name: '潜规则：中国历史中的真实游戏',
                    formerName: '',
                    author: '吴思',
                    translator: '',
                    press: '云南人民出版社',
                    year: '2001-1',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s2918885.jpg',
                    name: '血酬定律：中国历史中的生存游戏',
                    formerName: '',
                    author: '吴思',
                    translator: '',
                    press: '中国工人出版社',
                    year: '2003-08',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s27256973.jpg',
                    name: '爱的博弈：建立信任、避免背叛与不忠',
                    formerName: 'What makes love last? how to build trust and avoid betrayal',
                    author: '约翰·戈特曼 (John Gottman) / 娜恩·西尔弗 (Nan Silver)',
                    translator: '穆君 / 伏维',
                    press: '浙江人民出版社',
                    year: '2014-1',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s3838207.jpg',
                    name: '洞穴奇案',
                    formerName: 'The Case of the Speluncean Explorers',
                    author: '[美] 萨伯',
                    translator: '陈福勇 / 张世泰',
                    press: '生活·读书·新知三联书店',
                    year: '2009-6',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s2719608.jpg',
                    name: '合作的进化',
                    formerName: 'The evolution of cooperation',
                    author: '[美] 罗伯特·阿克塞尔罗德',
                    translator: '吴坚忠',
                    press: '上海人民出版社',
                    year: '2017-8',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s27433242.jpg',
                    name: '激荡三十年：中国企业1978-2008',
                    formerName: '',
                    author: '吴晓波',
                    translator: '',
                    press: '中信出版社',
                    year: '2014-7',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s29539449.jpg',
                    name: '极简法则',
                    formerName: 'Simplify',
                    author: '[美] 理查德·科克 / 格雷格·洛克伍德',
                    translator: '李璐',
                    press: '后浪丨江西人民出版社',
                    year: '2018-2',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s29063065.jpg',
                    name: 'Java核心技术·卷 I（原书第10版）',
                    formerName: 'Core Java Volume I - Fundamentals (10th Edition)',
                    author: '[美] 凯.S.霍斯特曼（Cay S. Horstmann）',
                    translator: '周立新 等',
                    press: '机械工业出版社',
                    year: '2016-9',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s29628940.jpg',
                    name: 'Java核心技术·卷 II（原书第10版）',
                    formerName: 'Core Java, Volume II Advanced Features',
                    author: '[美] 凯.S.霍斯特曼（Cay S. Horstmann）',
                    translator: '陈昊鹏',
                    press: '机械工业出版社',
                    year: '2017-9',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s27956707.jpg',
                    name: '清明上河图密码',
                    formerName: '',
                    author: '冶文彪',
                    translator: '',
                    press: '北京联合出版公司',
                    year: '2015-1',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s4220739.jpg',
                    name: '设计模式之禅',
                    formerName: '',
                    author: '秦小波',
                    translator: '',
                    press: '机械工业出版社',
                    year: '2010-3',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s29466768.jpg',
                    name: '美国众神',
                    formerName: 'American Gods',
                    author: '[英] 尼尔·盖曼',
                    translator: '戚林',
                    press: '北京联合出版公司',
                    year: '2017-4',
                    score: 0
                },
                {
                    cover: 'https://files.dbnuo.com/bkCover/s24468373.jpg',
                    name: '看见',
                    formerName: '',
                    author: '柴静',
                    translator: '',
                    press: '广西师范大学出版社',
                    year: '2013-1',
                    score: 0
                },
            ]
        },
        {
            title: '搁置',
            books: []
        },
        {
            title: '已读',
            books: [
                {
                    cover: 'https://images.cnblogs.com/cnblogs_com/BNTang/1846939/o_221204035711_ac4bd11373f082023640d23c46fbfbedaa641be6.webp',
                    name: '码出高效：Java开发手册',
                    formerName: '',
                    author: '杨冠宝 / 高海慧',
                    translator: '',
                    press: '电子工业出版社',
                    year: '2018-10',
                    score: 5,
                    readDate: '23.51.05',
                    readPercentage: '100%'
                },
            ]
        },
    ];

    window.cnblogsConfig.hooks = {
        beforeCode: (_) => {
            // console.log('code 渲染开始前');
        },
        afterCode: (_) => {
            // console.log('code 渲染结束后');
        },
        beforeLoading: (_) => {
            // console.log('loading 开始前');
        },
        afterLoading: (_) => {
            // console.log('loading 结束后');
            addEndImage();

            // 该功能的样式目前没有加入到框架样式当中所以应用了等于无效的
            // ebo(true);
            birthday(new Date());
        },
        dayNightControl: (_, type) => {
            // console.log(type);
            // console.log('日/夜间模式');
        },
    }

    // 添加文章底部End图片
    const addEndImage = () => {
        const oPostBody = document.querySelector("#cnblogs_post_body");
        if (oPostBody === null) {
            return;
        }

        const oUrl = window.location.href;
        const filterUrlArray = ['14737430.html', 'category', '13660390.html'];
        const index = filterUrlArray.findIndex((currentValue) => {
            if (oUrl.indexOf(currentValue) !== -1) {
                return true;
            }
        });

        if (index !== -1) {
            return;
        }

        // https://img2020.cnblogs.com/blog/2105804/202111/2105804-20211123214022176-1481511294.gif
        // https://img2022.cnblogs.com/blog/2105804/202207/2105804-20220723133506934-1397639141.gif
        const imageUrl = 'https://img2022.cnblogs.com/blog/2105804/202207/2105804-20220727003232595-1971106522.gif';

        // 创建End Element
        let oDiv = document.createElement("div");
        oDiv.style.width = "100" + "%";
        oDiv.style.height = "173" + "px";
        oDiv.style.marginLeft = "55" + "px";
        oDiv.style.background = `url('${imageUrl}') no-repeat 0 center`;
        oPostBody.appendChild(oDiv);
    }

    /**
     * 生日特效提示，如果当天的农历是你的出生那天的日子
     * 生日蛋糕特效会在页面呈现
     * @param bornDate 出生日期（农历）yyyy-mm-dd
     */
    const birthday = (bornDate) => {
        const birthdayList = getChineseDate(bornDate);
        const dateVar = birthdayList.m + birthdayList.d;

        const elementVar = [
            {dateVar: '五月二十五', name: 'BNTang'}
        ];

        let newArray = elementVar.filter(function (currentValue, currentIndex, currentArray) {
            if (currentValue.dateVar === dateVar) {
                return true;
            }
        });

        let name = newArray.map((obj) => {
            return obj.name
        }).join("、");
        if (newArray.length !== 0) {
            // setBirthdayStyle(name);
            let msg = [`\n %c %c %c 生日快乐 ${name} ❤️ %c  %c 没有浪漫的诗句，没有贵重的礼物，没有例外的惊喜，只有轻轻的生日祝福 %c \n\n`, "background: #fadfa3; padding:5px 0;", "background: #fadfa3; padding:5px 0;", "color: #fadfa3; background: #030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;", "background: #FCEDC9; color:#030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;"];
            window.console.log.apply(console, msg);
            return;
        }
        let msg = ["\n %c %c %c 今日好友生日报告：无 %c  %c 🐤时间在哪，成就在哪 %c \n\n", "background: #fadfa3; padding:5px 0;", "background: #fadfa3; padding:5px 0;", "color: #fadfa3; background: #030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;", "background: #FCEDC9; color:#030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;"];
        window.console.log.apply(console, msg);
    }
    const numberToString = (number) => {
        if (number.match(/\D/) || number.length >= 14) return;

        let zhArray = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十']; // 数字对应中文
        let baseArray = ['', '十', '百', '千', '万', '十', '百', '千', '亿', '十', '百', '千', '万']; //进位填充字符，第一位是 个位，可省略
        let string = String(number).split('').reverse().map((item, index) => { // 把数字切割成数组并倒序排列，然后进行遍历转成中文
            // 如果当前位为0，直接输出数字， 否则输出 数字 + 进位填充字符
            item = Number(item) === 0 ? zhArray[Number(item)] : zhArray[Number(item)] + baseArray[index];
            return item;
        }).reverse().join(''); // 倒叙回来数组，拼接成字符串
        string = string.replace(/^一十/, '十');  // 如果以 一十 开头，可省略一
        string = string.replace(/零+/, '零');  // 如果有多位相邻的零，只写一个即可
        let index = -1;
        if (string.length >= 2) {
            index = string.lastIndexOf('零');
        }
        return index === -1 ? string : string.substring(0, index);
    }
    const getChineseDate = (time) => {
        let date = time ? new Date(time) : new Date();
        dateString = date.toLocaleString('zh-CN-u-ca-chinese');
        dateString = dateString.replace(/(\d+)\s*?年/, (x, y) => {
            let result = '';
            result = "甲乙丙丁戊己庚辛壬癸".charAt((y - 4) % 10); // 天干
            result += "子丑寅卯辰巳午未申酉戌亥".charAt((y - 4) % 12); // 地支
            return result;
        });
        dateString = dateString.split(' ')[0]; // 取年月日
        let g = dateString.substr(0, 2) + '年';
        let m = dateString.substring(2, dateString.match('月').index) + '月';
        let d = dateString.match(/\d+/)[0];
        d = d < 11 ? '初' + numberToString(d) : numberToString(d);
        let animals = ["猴", "鸡", "狗", "猪", "鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊"];
        let index = date.toLocaleString('zh-CN-u-ca-chinese').substr(0, 4) % 12;
        let a = animals[index];
        return {
            g, // 干支
            m, // 月
            d, // 日
            a  // 生肖
        };
    }
    const setBirthdayStyle = (name) => {
        let bodyWidth = document.body.clientWidth;
        let bodyHeight = document.body.clientHeight;

        let BNTangBirthdayLocation = document.querySelector('#BNTang-birthdayLocation');
        let BNTangBirthdayCake = document.querySelector('#BNTang-birthdayCake');
        let birthdayName = document.querySelector('#birthdayName');

        BNTangBirthdayLocation.style.width = bodyWidth + 'px';
        BNTangBirthdayLocation.style.height = bodyHeight + 'px';

        BNTangBirthdayCake.style.width = 100 + '%';
        BNTangBirthdayCake.style.height = 100 + '%';
        birthdayName.innerHTML = `happy birthday ${name}!`;

        BNTangBirthdayCake.style.display = 'block';

        setTimeout(() => {
            BNTangBirthdayLocation.style.display = 'none';
            BNTangBirthdayCake.style.display = 'none';
        }, 8000);
    }
    // 12月13, 南京大屠杀死难者国家公祭日，惟愿该样式，永远不会被使用，铭记历史!!!
    const ebo = (switchVal) => {
        const currentDate = new Date();
        // 月
        const month = currentDate.getMonth() + 1;
        // 日
        const monthDate = currentDate.getDate();

        // 惟愿该样式，永远不会被使用
        if (month === 12 && monthDate === 13) {
            document.querySelector('html').id = "ebo";
        }

        if (switchVal) {
            document.querySelector('html').id = "ebo";
        }
    }
</script>
<!--
https://cdn.jsdelivr.net/gh/wangyang0210/Cnblogs-Theme@v2.1.3.7/dist/simpleMemory.css
https://unpkg.com/cnblogs-theme-simplememorye.2.0.1.release@2.0.1/dist/simpleMemory.9f2rjt43.js
https://cdn.jsdelivr.net/gh/BNTang/Cnblogs-Theme-SimpleMemory@1b91f88f06fe333bc7fee2ccc6990c428ff93da4/dist/simple-memory.mfsfx2em.js
-->
<!--<script src="https://unpkg.com/cnblogs-theme-simplememory@3.0.1/dist/simple-memory.js" defer></script>-->
<script src="https://cdn.jsdelivr.net/gh/BNTang/Cnblogs-Theme-SimpleMemory@bedc894379e73b707a8ac06e0d559a38c6b0acce/dist/simple-memory.js?t=1676464468"
        defer></script>

页面定制 CSS 代码

#EntryTag,#blogTitle h1{margin-top:20px}#EntryTag a,.postSticky{background:#4c4948}#blogTitle h1 a:hover,.dayTitle a,a,a:active,a:link,a:visited{color:#6db33f}#calendar table a:hover,#navList a:hover,.postDesc a:hover,a:active,a:hover,a:link,a:visited,button{text-decoration:none}#mainContent,#sideBar,#topics{-o-text-overflow:ellipsis}*,.Cal{padding:0}::-moz-selection{background:#807dd4;color:#fff}::selection{background:#807dd4;color:#fff}::-webkit-selection{background:#807dd4;color:#fff}::-webkit-scrollbar{display:none;height:9px;width:0}::-webkit-scrollbar-track{border-radius:1px}::-webkit-scrollbar-thumb{background:#ededed;border-radius:1px}#mainContent,#sideBar,#topics{overflow:hidden;text-overflow:ellipsis}#BlogPostCategory a{background:#4c4948}#BlogPostCategory a span,#EntryTag a span{margin-right:3px}.topicListFooter{margin-right:10px;margin-top:10px;text-align:right}#navList a,.dayTitle,button{text-align:center}#home,.inner{margin:0 auto}#divRefreshComments{font-size:9pt;margin-right:10px}*{margin:0}html{-webkit-tap-highlight-color:transparent;font-size:62.5%;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%!important;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;color:#3a4145;font-family:Josefin Sans,PingFang SC!important;font-size:12px;overflow-x:hidden!important;text-rendering:geometricPrecision!important}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}li{list-style:none}img{max-width:none}a{word-wrap:break-word;background-color:initial;outline:0;text-decoration:none}a:hover{color:#f60}.clear{clear:both}button{background:#5ba4e5;border:.1em solid #0000000d;border-radius:.3rem;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:1px;line-height:13px;outline:0;padding:.1rem 1.5rem;text-shadow:none;text-transform:uppercase;width:auto}b{font-weight:400}details{background:#448aff1a;border:1px solid #1b86f9;border-radius:3px;margin:1.5rem 0;padding:.5rem 1rem}summary{cursor:pointer;display:block;outline:none}details>summary:before{color:#448aff;content:"\e6f2";font-family:iconfont!important;font-size:1.5rem;font-style:normal!important;left:.6rem}#home{background-color:#ffffffe6;box-shadow:0 0 20px 10px #dcdcdc4d;margin-bottom:30px;max-width:900px;padding:0 20px 30px;width:70%}#header{margin-top:10px;padding-bottom:5px}#blogTitle{clear:both;height:60px}#blogTitle h1{font-size:26px;font-weight:700;line-height:1.5em}#blogTitle h1 a{color:#515151}#blogTitle h2{color:#757575;float:left;font-size:13px;font-weight:400;line-height:1.846153846}#blogLogo{float:right}#navigator{border-bottom:1px solid #ededed;border-top:1px solid #ededed;clear:both;font-size:13px;height:50px;margin-top:25px}#bannerbar{display:none}#blog-calendar td,#blog-calendar th,.Cal,.btn_my_zzk,.dayTitle{font-size:12px}#navList{float:left;min-height:30px}#navList li{float:left;margin:0 40px 0 0}#navList a{display:block;float:left;height:22px;padding-top:19px;width:5em}#navList a:active,#navList a:link,#navList a:visited{color:#6a6a6a;font-weight:700}#navList a:hover{color:#000}.blogStats{color:#757575;float:right;margin-right:2px;margin-top:19px;text-align:right}#main{margin-top:30px;text-align:left;width:100%}#mainContent .forFlow{float:none;width:auto}#mainContent{float:none;margin:auto;width:100%}.day,.entrylistItem:not(:last-of-type){border-bottom:1px solid #e9e9e9;min-height:10px}.day:after,.entrylistItem:not(:last-of-type):after{bottom:-5px;content:"";height:7px;left:50%;width:7px}.day{word-wrap:break-word;margin:3.5rem auto;padding-bottom:3.3rem;position:relative}.btn_my_zzk,.c_b_p_desc_img,.day:after,.dayTitle{position:absolute}.c_b_p_desc_readmore{display:none}.day:after{background:#fff;border:1px solid #e9e9e9;border-radius:100%;box-shadow:0 0 0 5px #ffffffb3;display:block;margin-left:-5px}.dayTitle{background:azure;border:1px solid #5c8ec6;border-radius:50%;clear:both;display:none;height:65px;line-height:1.5;margin:15px 15px 15px -100px;top:-15px;width:63px}.dayTitle a{display:inline-block;margin-top:15px;width:60px}.desc_img{display:none}.c_b_p_desc_img{border-left:1px dashed #e9e9e9;height:100%;opacity:.9;overflow:hidden;padding-left:13px;right:0;top:-5px;width:calc(39% - 20px)}.c_b_p_desc_img div{border-radius:4px;height:100%;margin:0;opacity:.95;width:100%}.postCon,.postDesc,.postSeparator,.postTitle{clear:both;width:100%}.postTitle{float:right;font-size:20px}.postTitle a:active,.postTitle a:visited{color:#4a4a4a;transition:color .3s ease}.postTitle a:link{word-wrap:break-word;-webkit-tap-highlight-color:transparent;background-color:#0000;color:#4a4a4a;font-family:Open Sans,Microsoft Jhenghei,Microsoft Yahei,sans-serif;font-size:3.1rem;font-weight:700;letter-spacing:-1px;transition-delay:0s;transition-duration:.3s;transition-property:color;transition-timing-function:ease}#topics .postTitle a:link{text-shadow:0 3px 6px #0000004d}.postTitle a:hover{color:#000}.entrylistPostSummary,.postCon{font-feature-settings:"liga" 1,"onum" 1,"kern" 1;word-wrap:break-word;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;color:#3a4145;display:block;font-family:Noto Sans SC,serif;font-size:1.45em;line-height:1.7em;margin:0;padding:25px 0 10px;position:relative;text-align:justify}.postMeta{color:#888;display:inline-block;font-size:14px;position:relative;top:10px;user-select:none}.postMeta>i{font-size:15px;margin-right:5px}.postMeta>i:not(:first-child){margin-left:10px}.postDesc{color:#9eabb3;display:none;float:left;font-family:Open Sans,sans-serif;font-size:1.4rem;line-height:2.2rem;margin:0;padding-right:5px;text-align:left}#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6,#cnblogs_post_body>p{padding:0 8px!important}#cnblogs_post_body h1{font-size:19px}#cnblogs_post_body h1,#cnblogs_post_body h2{font-weight:700;line-height:1.5;margin:10px 0}#cnblogs_post_body h2{font-size:15px}#cnblogs_post_body h3{font-size:13px;font-weight:700;line-height:1.5;margin:10px 0}#cnblogs_post_body h4{font-size:20px;font-weight:700;margin:10px 0}#cnblogs_post_body h5{font-size:18px;font-weight:700;margin:10px 0}#cnblogs_post_body h6{font-size:16px;font-weight:700;margin:10px 0}#cnblogs_post_body h1:before{color:#6db33f;content:"#";padding-right:5px;transition:color .15s ease-in-out}#cnblogs_post_body h2:before{color:#f96c;content:"\f02e";font-family:FontAwesome;margin-right:.6rem}#cnblogs_post_body h3:before{color:#88cc2a;content:"\f06c";font-family:FontAwesome;margin-right:.6rem}.postTitle2:after{content:"🐤";font-size:18px!important;margin-left:-20px;opacity:0;transition:all .3s,opacity .2s}.postTitle2:hover:after{margin-left:5px!important;opacity:1}.postTitle2:hover{color:#6db33f!important}.postTitle2{font-size:19px!important}p.article-info-text>.postMeta{color:#ffffffe6;font-family:Noto Sans SC,serif;font-size:16px;font-weight:700;text-shadow:0 3px 6px #00000080}p.article-info-text>.postMeta i{font-size:16px}p.article-info-text>.postMeta br{display:none}.postDesc a:active,.postDesc a:link,.postDesc a:visited{color:#666}.postDesc a:hover{color:#5c8ec6}.postSticky{background-color:#6db33f!important;border-radius:3px;color:#fff;display:inline-block;font-size:14px;padding:1px 3px;position:relative;top:-2.5px}.postSeparator{float:right;height:1px;margin:0 auto 15px}#sideBar{float:right;margin-top:-15px;padding:0 0 0 5px;width:230px}#sideBar a{color:#757575}#sideBar a:hover{color:#5c8ec6;text-decoration:underline}#sb_widget_my_zzk{text-align:center;width:100%}.btn_my_zzk{border:0;color:#0000;cursor:pointer;height:25px;right:-35px;top:1px;width:25px}.input_my_zzk:focus,.input_my_zzk:hover{border:1px solid #666}.input_my_zzk:hover{transition:all .4s linear 0s}.catList,.catListArticleArchive,.catListArticleCategory,.catListBlogRank,.catListComment,.catListEssay,.catListFeedback,.catListImageCategory,.catListLink,.catListNoteBook,.catListPostArchive,.catListPostCategory,.catListTag,.catListView,.mySearch,.newsItem{word-wrap:break-word;background:#fff;margin-bottom:35px}#blog-calendar{margin:10px 5px 5px 10px;visibility:hidden}#blog-calendar td{font-family:Comic Sans MS;text-align:center}#calendar{border:1px solid #ededed;box-shadow:0 1px 3px #ccc;margin-bottom:35px;padding-bottom:5px;width:228px}.calendar{border:0 solid #000}#calendar .Cal{line-height:1.5em;width:100%}#calendar td{background:#fff;font-family:Comic Sans MS;padding-top:2px}.Cal{border:none;color:#666;font-family:arial;width:100%}.CalOtherMonthDay,.CalWeekendDay{padding-bottom:4px;padding-top:4px}#calendar table a:active,#calendar table a:link,#calendar table a:visited{font-weight:700}#calendar table a:hover{color:#fff}.CalTodayDay{background:#2d2d2b;color:#b8b8b8;font-weight:700}.CalDayHeader,.CalWeekendDay{background:#111}.CalOtherMonthDay{color:#3c3c3c}#calendar .CalNextPrev a:active,#calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited{font-weight:700;padding-left:10px;padding-right:15px}.CalDayHeader{font-weight:700;padding-bottom:5px;padding-top:5px}.CalTitle{background:#6293bb;font-size:14px;font-weight:700;height:30px;padding:5px 0;text-align:center;width:100%}.CalTitle td{background:#000;font-family:verdana;font-size:12px;font-weight:700}.Cal td{font-size:10px;height:20px}.Cal a:active,.Cal a:link,.Cal a:visited{color:#ff9;text-decoration:underline}.Cal a:hover{text-decoration:none}.CalSelector{background:#efefef}.catListTitle{font-size:110%;font-weight:700;line-height:1.2;margin-bottom:10px;margin-top:15px;text-align:left}#sideBarMain ul,.catListComment,.page-description,.pfl_feedback_area_title{line-height:1.5em}.divRecentComment{color:#494949;margin-bottom:20px;text-indent:2em}#sideBarMain li{line-height:1.8}#topics{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;margin:15px auto 4rem;min-height:200px;padding:0 0 10px;width:100%}#topics .postTitle{border:0;font-size:130%;font-weight:700;line-height:1.5;padding-left:5px;width:100%}#BlogPostCategory,#BlogPostCategory a:active,#BlogPostCategory a:link,#BlogPostCategory a:visited,#EntryTag,#EntryTag a:active,#EntryTag a:link,#EntryTag a:visited{color:#666}#BlogPostCategory a,#EntryTag a{border-radius:3px;color:#fff!important;font-size:14px;height:20px;line-height:20px;margin:2px 5px 0;padding:3px 5px;text-decoration:none}#BlogPostCategory a:hover,#EntryTag a:hover{opacity:.8;transition:all .3s linear 0s}#topics .postDesc{background:0 0;color:#666;margin-top:5px;padding-left:0;text-align:left;width:100%}.feedbackListSubtitle-louzhu:after,.feedbackListSubtitle:after,.feedbackListSubtitle:before{border-style:solid solid outset;content:" ";display:block;height:0;left:-16px;pointer-events:none;position:absolute;right:100%;top:11px;width:0}.feedback_area_title{font:normal normal 16px/35px Microsoft YaHei;margin:10px 0 30px}.louzhu{margin:0 2px}.feedbackListSubtitle a:active,.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited{color:#777;font-weight:700}.feedbackListSubtitle a:hover{color:#6db33f;text-decoration:underline}.feedbackListSubtitle b{color:#5c8ec6}.feedbackListSubtitle:before{border-color:#0000 #d1d5da #0000 #0000;border-width:8px}.feedbackListSubtitle-louzhu:after,.feedbackListSubtitle:after{border-color:#0000;border-width:7px;margin-left:2px;margin-top:1px}.feedbackListSubtitle:after{border-right-color:#f6f8fa}.feedbackListSubtitle-louzhu:after{border-right-color:#f1f8ff!important}.feedbackManage{float:right;text-align:right;width:200px}.feedbackCon{background:#fff;border:1px solid #e9e9e9;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:0;line-height:1.5;min-height:35px;padding:10px 20px;position:relative}.feedbackListSubtitle-louzhu{background-color:#f1f8ff!important;border-bottom-color:#c0d3eb!important}.feedbackItem{font-size:13px;margin:0;padding:15px 0 15px 60px;position:relative}.feedbackItem:before{background-color:#e1e4e8;bottom:0;content:"";display:block;left:90px;position:absolute;top:0;width:2px;z-index:0}.feedbackAvatar{left:1px;position:absolute}.feedbackAvatar img{border:1px solid #d1d5da;border-radius:3px;height:40px;padding:2px;width:40px}div#tbCommentBodyPreview{border:0}#divRefreshComments{margin-bottom:10px;text-align:right}.commenttb{border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;margin-bottom:10px;padding:8px;width:320px}.commentTextBox:hover,.commenttb:hover{border-color:#52a8eccc;color:#333;transition:all .4s linear 0s}#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover,.commentTextBox:hover,.commenttb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px #52a8ec99;-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px #52a8ec99;box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px #52a8ec99;outline:0}.commentTextBox{margin-bottom:10px;margin-top:10px;width:410px!important}#AjaxHolder_PostComment_btnSubmit{background:#5c8ec6;border:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;outline:0;padding:8px 20px;text-align:center;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;vertical-align:middle}#AjaxHolder_PostComment_btnSubmit:hover{background:#333}#AjaxHolder_PostComment_divCommnentArea tr{margin-bottom:10px;margin-top:10px}.comment_vote{padding-right:10px}.comment_vote a{color:#999}.comment_vote a:hover{color:#6db33f}#commentform_title{background-image:none;font:normal normal 16px/35px Microsoft YaHei;margin:0;padding:0}#comment_form_container .author{background-image:none;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;height:20px;padding-left:10px;width:320px}#comment_form_container p{font-size:14px;margin-bottom:20px}.commentbox_title_left{font-size:14px}#comment_form_container .comment_textarea{border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;font-size:13px;height:100%;margin-bottom:10px;min-height:250px;padding:8px;width:100%}#comment_form_container .comment_textarea:hover{border-color:#6db33f;outline:0;transition:all .4s linear 0s}#comment_form_container .comment_textarea:focus{outline:0}.commentbox_tab.active{border-bottom:0}.comment_btn{background-color:#ededed;border:1px solid #ededed}.comment_btn:hover{background-color:#fff;border-color:#6db33f;color:#6db33f}.PostListTitle,.entrylistTitle,.thumbTitle{background-image:none;height:38px;line-height:38px;font:normal normal 16px/35px Microsoft YaHei;margin:10px 0 30px;padding:0}.dev__developer,.entrylistPosttitle a:active,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{font-family:Open Sans,Microsoft Jhenghei,Microsoft Yahei,sans-serif}.entrylistDescription{color:#666;margin-bottom:10px;padding-bottom:5px;padding-right:10px;padding-top:5px;text-align:right}.entrylistItem{word-wrap:break-word;margin:3.5rem auto;padding-bottom:3.3rem;position:relative}.entrylistItem:after{background:#fff;border:1px solid #e7eef2;border-radius:100%;box-shadow:0 0 0 5px #fff;display:block;margin-left:-5px;position:absolute}.entrylistPosttitle{font-size:20px;width:100%}.entrylistPosttitle a:active,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{word-wrap:break-word;-webkit-tap-highlight-color:transparent;background-color:#0000;color:#4a4a4a;font-size:3.2rem;font-weight:700;letter-spacing:-1px;transition:all .4s linear 0s;transition-delay:0s;transition-duration:.3s;transition-property:color;transition-timing-function:ease}.entrylistPosttitle a:hover{color:#000}.entrylistItemPostDesc,.sb-title{font-family:Open Sans,sans-serif}.entrylistItemPostDesc{clear:both;color:#9eabb3;display:none;float:left;font-size:1.4rem;line-height:2.2rem;margin:0;padding-right:5px;text-align:left;width:100%}.entrylistItemPostDesc a:active,.entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited{color:#666}.entrylistItemPostDesc a:hover{color:#5c8ec6}.entrylist .postSeparator{border:none;clear:both;font-size:0;height:0;line-height:0;margin:0;padding:0;width:100%}#footer,.pager{font-size:12px}.divPhoto,.pager{margin-right:10px}.divRecentCommentAticle a{color:#000}.pager{color:#9eabb3;text-align:right}#nav_next_page a,.pager a{border:1px solid #bfc8cd;border-radius:4px;color:#9eabb3!important;display:inline-block;min-width:18px;text-align:center;text-decoration:none;transition:all .2s ease}#nav_next_page a:active,#nav_next_page a:link,#nav_next_page a:visited,.pager a:active,.pager a:link,.pager a:visited{color:#9eabb3!important}.pager a{padding:0 5px}#nav_next_page a{padding:3px 5px}#nav_next_page a:hover,.pager a:hover{background:#fff;border-color:#98a0a4;color:#889093}.img-rounded{transition:transform .5s ease-out;-webkit-transition:transform .6s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;-o-transition:transform .5s ease-out}.img-rounded:hover{transform:rotate(1turn)}.PostList{border-bottom:1px dashed #e9e9e9;clear:both;margin-bottom:20px;min-height:1.5em;padding-bottom:20px;padding-top:20px}.postTitl2{float:left;font-size:14px;padding-bottom:10px;padding-top:10px}.postDesc2{color:#666;float:right}.postText2{clear:both;color:#757575}.pfl_feedback_area_title{font-weight:700;margin-bottom:10px;text-align:right}.pfl_feedbackItem{border:1px dashed #ccc;border-radius:3px;margin-bottom:20px;padding:10px}.pfl_feedbacksubtitle{height:1.5em;width:100%}.pfl_feedbackname{float:left}.commentbox_title_right,.pfl_feedbackManage{float:right}.pfl_feedbackname a{color:#5c8ec6;font-weight:700}.pfl_feedbackCon{color:#000;padding-bottom:5px;padding-top:5px}.pfl_feedbackAnswer{color:#f40;text-indent:2em}.tdSentMessage{text-align:right}.errorMessage{float:left;width:300px}#Profile1_panelAdd input[type=text],#Profile1_txtContent{border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#555;margin-bottom:10px;padding:8px}#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover{border-color:#52a8eccc;color:#333;transition:all .4s linear 0s}#Profile1_panelAdd input[type=text]:focus,#Profile1_txtContent:focus{border-color:#52a8eccc;outline:0}#Profile1_panelAdd input[type=submit]{background:#5c8ec6;border:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;outline:0;padding:8px 20px;text-align:center;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;vertical-align:middle}#Profile1_panelAdd input[type=submit]:hover{background:#333}.feedbackListSubtitle{align-items:center;background-color:#f6f8fa;border:1px solid #e9e9e9;border-top-left-radius:5px;border-top-right-radius:5px;clear:both;color:#586069;flex-direction:row-reverse;padding:10px 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}#footer,.main-header,.scroll-down{position:absolute}.divPhoto{border:1px solid #ccc;padding:2px}.thumbDescription{color:#757575;margin-bottom:30px;padding-bottom:5px;padding-right:10px;padding-top:5px;text-align:right}#footer{color:#888;left:0;line-height:1.5;margin:20vh 0 0;min-height:100px;padding:15px 0;right:0}.my-face{animation:my-face 5s ease-in-out infinite;display:inline-block;margin:0 5px}@-moz-keyframes my-face{2%,24%,80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);-moz-transform:translateY(1.5px) rotate(1.5deg);-ms-transform:translateY(1.5px) rotate(1.5deg);-o-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);-moz-transform:translateY(-1.5px) rotate(-.5deg);-ms-transform:translateY(-1.5px) rotate(-.5deg);-o-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);-moz-transform:translateY(1.5px) rotate(-1.5deg);-ms-transform:translateY(1.5px) rotate(-1.5deg);-o-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);-moz-transform:translateY(-1.5px) rotate(-1.5deg);-ms-transform:translateY(-1.5px) rotate(-1.5deg);-o-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);-moz-transform:translateY(2.5px) rotate(1.5deg);-ms-transform:translateY(2.5px) rotate(1.5deg);-o-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);-moz-transform:translateY(-.5px) rotate(1.5deg);-ms-transform:translateY(-.5px) rotate(1.5deg);-o-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%,54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);-moz-transform:translateY(-1.5px) rotate(1.5deg);-ms-transform:translateY(-1.5px) rotate(1.5deg);-o-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);-moz-transform:translateY(-.5px) rotate(-1.5deg);-ms-transform:translateY(-.5px) rotate(-1.5deg);-o-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);-moz-transform:translateY(.5px) rotate(-1.5deg);-ms-transform:translateY(.5px) rotate(-1.5deg);-o-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);-moz-transform:translateY(-1.5px) rotate(2.5deg);-ms-transform:translateY(-1.5px) rotate(2.5deg);-o-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{-webkit-transform:translateY(.5px) rotate(.5deg);-moz-transform:translateY(.5px) rotate(.5deg);-ms-transform:translateY(.5px) rotate(.5deg);-o-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);-moz-transform:translateY(.5px) rotate(1.5deg);-ms-transform:translateY(.5px) rotate(1.5deg);-o-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);-moz-transform:translateY(-.5px) rotate(2.5deg);-ms-transform:translateY(-.5px) rotate(2.5deg);-o-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);-moz-transform:translateY(1.5px) rotate(-.5deg);-ms-transform:translateY(1.5px) rotate(-.5deg);-o-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);-moz-transform:translateY(2.5px) rotate(-1.5deg);-ms-transform:translateY(2.5px) rotate(-1.5deg);-o-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{-webkit-transform:translateY(1.5px) rotate(.5deg);-moz-transform:translateY(1.5px) rotate(.5deg);-ms-transform:translateY(1.5px) rotate(.5deg);-o-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{-webkit-transform:translateY(-.5px) rotate(.5deg);-moz-transform:translateY(-.5px) rotate(.5deg);-ms-transform:translateY(-.5px) rotate(.5deg);-o-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);-moz-transform:translateY(2.5px) rotate(2.5deg);-ms-transform:translateY(2.5px) rotate(2.5deg);-o-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);-moz-transform:translateY(.5px) rotate(2.5deg);-ms-transform:translateY(.5px) rotate(2.5deg);-o-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);-moz-transform:translateY(1.5px) rotate(2.5deg);-ms-transform:translateY(1.5px) rotate(2.5deg);-o-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);-moz-transform:translateY(2.5px) rotate(-.5deg);-ms-transform:translateY(2.5px) rotate(-.5deg);-o-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);-moz-transform:translateY(.5px) rotate(-.5deg);-ms-transform:translateY(.5px) rotate(-.5deg);-o-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);-moz-transform:translateY(2.5px) rotate(.5deg);-ms-transform:translateY(2.5px) rotate(.5deg);-o-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}0%,to{-webkit-transform:translate(0) rotate(0);-moz-transform:translate(0) rotate(0);-ms-transform:translate(0) rotate(0);-o-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@-webkit-keyframes my-face{2%,24%,80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);-moz-transform:translateY(1.5px) rotate(1.5deg);-ms-transform:translateY(1.5px) rotate(1.5deg);-o-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);-moz-transform:translateY(-1.5px) rotate(-.5deg);-ms-transform:translateY(-1.5px) rotate(-.5deg);-o-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);-moz-transform:translateY(1.5px) rotate(-1.5deg);-ms-transform:translateY(1.5px) rotate(-1.5deg);-o-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);-moz-transform:translateY(-1.5px) rotate(-1.5deg);-ms-transform:translateY(-1.5px) rotate(-1.5deg);-o-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);-moz-transform:translateY(2.5px) rotate(1.5deg);-ms-transform:translateY(2.5px) rotate(1.5deg);-o-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);-moz-transform:translateY(-.5px) rotate(1.5deg);-ms-transform:translateY(-.5px) rotate(1.5deg);-o-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%,54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);-moz-transform:translateY(-1.5px) rotate(1.5deg);-ms-transform:translateY(-1.5px) rotate(1.5deg);-o-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);-moz-transform:translateY(-.5px) rotate(-1.5deg);-ms-transform:translateY(-.5px) rotate(-1.5deg);-o-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);-moz-transform:translateY(.5px) rotate(-1.5deg);-ms-transform:translateY(.5px) rotate(-1.5deg);-o-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);-moz-transform:translateY(-1.5px) rotate(2.5deg);-ms-transform:translateY(-1.5px) rotate(2.5deg);-o-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{-webkit-transform:translateY(.5px) rotate(.5deg);-moz-transform:translateY(.5px) rotate(.5deg);-ms-transform:translateY(.5px) rotate(.5deg);-o-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);-moz-transform:translateY(.5px) rotate(1.5deg);-ms-transform:translateY(.5px) rotate(1.5deg);-o-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);-moz-transform:translateY(-.5px) rotate(2.5deg);-ms-transform:translateY(-.5px) rotate(2.5deg);-o-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);-moz-transform:translateY(1.5px) rotate(-.5deg);-ms-transform:translateY(1.5px) rotate(-.5deg);-o-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);-moz-transform:translateY(2.5px) rotate(-1.5deg);-ms-transform:translateY(2.5px) rotate(-1.5deg);-o-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{-webkit-transform:translateY(1.5px) rotate(.5deg);-moz-transform:translateY(1.5px) rotate(.5deg);-ms-transform:translateY(1.5px) rotate(.5deg);-o-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{-webkit-transform:translateY(-.5px) rotate(.5deg);-moz-transform:translateY(-.5px) rotate(.5deg);-ms-transform:translateY(-.5px) rotate(.5deg);-o-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);-moz-transform:translateY(2.5px) rotate(2.5deg);-ms-transform:translateY(2.5px) rotate(2.5deg);-o-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);-moz-transform:translateY(.5px) rotate(2.5deg);-ms-transform:translateY(.5px) rotate(2.5deg);-o-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);-moz-transform:translateY(1.5px) rotate(2.5deg);-ms-transform:translateY(1.5px) rotate(2.5deg);-o-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);-moz-transform:translateY(2.5px) rotate(-.5deg);-ms-transform:translateY(2.5px) rotate(-.5deg);-o-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);-moz-transform:translateY(.5px) rotate(-.5deg);-ms-transform:translateY(.5px) rotate(-.5deg);-o-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);-moz-transform:translateY(2.5px) rotate(.5deg);-ms-transform:translateY(2.5px) rotate(.5deg);-o-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}0%,to{-webkit-transform:translate(0) rotate(0);-moz-transform:translate(0) rotate(0);-ms-transform:translate(0) rotate(0);-o-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@-o-keyframes my-face{2%,24%,80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);-moz-transform:translateY(1.5px) rotate(1.5deg);-ms-transform:translateY(1.5px) rotate(1.5deg);-o-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);-moz-transform:translateY(-1.5px) rotate(-.5deg);-ms-transform:translateY(-1.5px) rotate(-.5deg);-o-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);-moz-transform:translateY(1.5px) rotate(-1.5deg);-ms-transform:translateY(1.5px) rotate(-1.5deg);-o-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);-moz-transform:translateY(-1.5px) rotate(-1.5deg);-ms-transform:translateY(-1.5px) rotate(-1.5deg);-o-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);-moz-transform:translateY(2.5px) rotate(1.5deg);-ms-transform:translateY(2.5px) rotate(1.5deg);-o-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);-moz-transform:translateY(-.5px) rotate(1.5deg);-ms-transform:translateY(-.5px) rotate(1.5deg);-o-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%,54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);-moz-transform:translateY(-1.5px) rotate(1.5deg);-ms-transform:translateY(-1.5px) rotate(1.5deg);-o-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);-moz-transform:translateY(-.5px) rotate(-1.5deg);-ms-transform:translateY(-.5px) rotate(-1.5deg);-o-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);-moz-transform:translateY(.5px) rotate(-1.5deg);-ms-transform:translateY(.5px) rotate(-1.5deg);-o-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);-moz-transform:translateY(-1.5px) rotate(2.5deg);-ms-transform:translateY(-1.5px) rotate(2.5deg);-o-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{-webkit-transform:translateY(.5px) rotate(.5deg);-moz-transform:translateY(.5px) rotate(.5deg);-ms-transform:translateY(.5px) rotate(.5deg);-o-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);-moz-transform:translateY(.5px) rotate(1.5deg);-ms-transform:translateY(.5px) rotate(1.5deg);-o-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);-moz-transform:translateY(-.5px) rotate(2.5deg);-ms-transform:translateY(-.5px) rotate(2.5deg);-o-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);-moz-transform:translateY(1.5px) rotate(-.5deg);-ms-transform:translateY(1.5px) rotate(-.5deg);-o-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);-moz-transform:translateY(2.5px) rotate(-1.5deg);-ms-transform:translateY(2.5px) rotate(-1.5deg);-o-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{-webkit-transform:translateY(1.5px) rotate(.5deg);-moz-transform:translateY(1.5px) rotate(.5deg);-ms-transform:translateY(1.5px) rotate(.5deg);-o-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{-webkit-transform:translateY(-.5px) rotate(.5deg);-moz-transform:translateY(-.5px) rotate(.5deg);-ms-transform:translateY(-.5px) rotate(.5deg);-o-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);-moz-transform:translateY(2.5px) rotate(2.5deg);-ms-transform:translateY(2.5px) rotate(2.5deg);-o-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);-moz-transform:translateY(.5px) rotate(2.5deg);-ms-transform:translateY(.5px) rotate(2.5deg);-o-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);-moz-transform:translateY(1.5px) rotate(2.5deg);-ms-transform:translateY(1.5px) rotate(2.5deg);-o-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);-moz-transform:translateY(2.5px) rotate(-.5deg);-ms-transform:translateY(2.5px) rotate(-.5deg);-o-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);-moz-transform:translateY(.5px) rotate(-.5deg);-ms-transform:translateY(.5px) rotate(-.5deg);-o-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);-moz-transform:translateY(2.5px) rotate(.5deg);-ms-transform:translateY(2.5px) rotate(.5deg);-o-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}0%,to{-webkit-transform:translate(0) rotate(0);-moz-transform:translate(0) rotate(0);-ms-transform:translate(0) rotate(0);-o-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes my-face{2%,24%,80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);-moz-transform:translateY(1.5px) rotate(1.5deg);-ms-transform:translateY(1.5px) rotate(1.5deg);-o-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);-moz-transform:translateY(-1.5px) rotate(-.5deg);-ms-transform:translateY(-1.5px) rotate(-.5deg);-o-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);-moz-transform:translateY(1.5px) rotate(-1.5deg);-ms-transform:translateY(1.5px) rotate(-1.5deg);-o-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);-moz-transform:translateY(-1.5px) rotate(-1.5deg);-ms-transform:translateY(-1.5px) rotate(-1.5deg);-o-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);-moz-transform:translateY(2.5px) rotate(1.5deg);-ms-transform:translateY(2.5px) rotate(1.5deg);-o-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);-moz-transform:translateY(-.5px) rotate(1.5deg);-ms-transform:translateY(-.5px) rotate(1.5deg);-o-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%,54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);-moz-transform:translateY(-1.5px) rotate(1.5deg);-ms-transform:translateY(-1.5px) rotate(1.5deg);-o-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);-moz-transform:translateY(-.5px) rotate(-1.5deg);-ms-transform:translateY(-.5px) rotate(-1.5deg);-o-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);-moz-transform:translateY(.5px) rotate(-1.5deg);-ms-transform:translateY(.5px) rotate(-1.5deg);-o-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);-moz-transform:translateY(-1.5px) rotate(2.5deg);-ms-transform:translateY(-1.5px) rotate(2.5deg);-o-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{-webkit-transform:translateY(.5px) rotate(.5deg);-moz-transform:translateY(.5px) rotate(.5deg);-ms-transform:translateY(.5px) rotate(.5deg);-o-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);-moz-transform:translateY(.5px) rotate(1.5deg);-ms-transform:translateY(.5px) rotate(1.5deg);-o-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);-moz-transform:translateY(-.5px) rotate(2.5deg);-ms-transform:translateY(-.5px) rotate(2.5deg);-o-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);-moz-transform:translateY(1.5px) rotate(-.5deg);-ms-transform:translateY(1.5px) rotate(-.5deg);-o-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);-moz-transform:translateY(2.5px) rotate(-1.5deg);-ms-transform:translateY(2.5px) rotate(-1.5deg);-o-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{-webkit-transform:translateY(1.5px) rotate(.5deg);-moz-transform:translateY(1.5px) rotate(.5deg);-ms-transform:translateY(1.5px) rotate(.5deg);-o-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{-webkit-transform:translateY(-.5px) rotate(.5deg);-moz-transform:translateY(-.5px) rotate(.5deg);-ms-transform:translateY(-.5px) rotate(.5deg);-o-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);-moz-transform:translateY(2.5px) rotate(2.5deg);-ms-transform:translateY(2.5px) rotate(2.5deg);-o-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);-moz-transform:translateY(.5px) rotate(2.5deg);-ms-transform:translateY(.5px) rotate(2.5deg);-o-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);-moz-transform:translateY(1.5px) rotate(2.5deg);-ms-transform:translateY(1.5px) rotate(2.5deg);-o-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);-moz-transform:translateY(2.5px) rotate(-.5deg);-ms-transform:translateY(2.5px) rotate(-.5deg);-o-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);-moz-transform:translateY(.5px) rotate(-.5deg);-ms-transform:translateY(.5px) rotate(-.5deg);-o-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);-moz-transform:translateY(2.5px) rotate(.5deg);-ms-transform:translateY(2.5px) rotate(.5deg);-o-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}0%,to{-webkit-transform:translate(0) rotate(0);-moz-transform:translate(0) rotate(0);-ms-transform:translate(0) rotate(0);-o-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}.personInfo{margin-bottom:20px}.pages{text-align:right}.postBody{color:#23263b;font-size:1.55rem;line-height:1.6}.postBody p,.postCon p{margin:0 auto 1em}.postCon a:active,.postCon a:link,.postCon a:visited{color:#9eabb3}.postCon a:hover{color:#98a0a4}.postBody ul,.postCon ul{margin-left:2em}.myposts_title{font-weight:700;text-align:center}#sideBar{font-size:12px}#sideBar h3{font-size:14px}#cnblogs_post_body img{margin-top:5px;max-width:700px}.main-header{background-size:cover;background:#333;box-shadow:0 1px 2px #969696b3;display:flex;height:100vh;left:0;max-height:100vh;overflow:hidden;text-align:center;top:0;width:100%;z-index:3}.main-header .part{flex:1}.main-header .part .section{height:100%;overflow:hidden;position:relative;width:100%}.main-header .part .section img{height:100%;left:var(--x);object-fit:cover;pointer-events:none;position:absolute;width:100vw}#homeTopCanvas{z-index:-1}.inner{max-width:800px;padding:10px;position:relative;width:80%}.page-title,.sb-title{-webkit-animation-delay:.6s;animation-delay:.5s;color:#fff;font-weight:700;letter-spacing:-1px;text-shadow:0 3px 6px #0000004d}.sb-title{-webkit-animation:fade-in-down 1s}.page-title,.sb-title{animation:fade-in-down 1s both}.page-title{-webkit-animation:fade-in-down 1s both;font-family:Playball,cursive;font-size:5rem;mix-blend-mode:screen}#footer .footer-text,.page-description{font-family:Long Cang,cursive}.sb-title{font-size:3.55rem}.vertical{align-items:center;display:flex;height:100%;position:absolute;width:100%;z-index:2}.page-author,.page-description{color:#fffc;display:none;font-weight:400;letter-spacing:.01rem;margin:0;text-shadow:0 3px 6px #00000080}.page-description{-webkit-box-orient:vertical;-webkit-line-clamp:10;font-size:2.2rem;overflow:hidden}.page-author,.page-description{-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s both;-webkit-animation-delay:.1s;animation-delay:.3s}.page-author{font-family:Ubuntu Mono,monospace;font-size:1.5rem!important;line-height:1.3em}.scroll-down{-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite;bottom:45px;display:block;font-size:34px;height:34px;left:50%;margin-left:-16px;text-align:center;text-decoration:none!important;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);width:34px;z-index:100}.hidden,.m-list-title,.post-del-title{display:none}.scroll-down-icon{bottom:7px;color:#fff9;font-size:34px!important;position:relative}.scroll-down:hover{-webkit-animation:none;animation:none;color:#fff}.hidden{text-indent:-9999px;visibility:hidden}@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}20%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}30%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg)}}@keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}20%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}30%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg)}}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.menu-button-scroll{background-image:linear-gradient(180deg,#fff,#f5f5fa)!important;border:0!important;-webkit-box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d649433;box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d649433;color:#777aaf!important;left:-17px!important;width:35px!important}.menu-button-scroll:before{background:linear-gradient(#777aaf 20%,#0000 0,#0000 40%,#777aaf 0,#777aaf 60%,#0000 0,#0000 80%,#777aaf 0)!important}.m-list-title{word-wrap:break-word;border-bottom:1px solid #3b3b3b;font-family:Merriweather,Open Sans,Microsoft Jhenghei,Microsoft Yahei,sans-serif;margin:24px 0;position:relative}.m-list-title-select{color:#888;font-size:22px!important;position:absolute;right:-7px;top:1px}#introduce div,#rightMenu{right:10px;text-align:center}.m-list-title-select:hover{color:#b8b8b8;cursor:pointer}.m-list-title>span{background:#000;bottom:-9px;box-shadow:0 0 0 6px #000;color:#b8b8b8;display:block;left:35%;line-height:20px;margin-left:-5px;position:absolute;text-align:center;width:74px}.blogpost-body blockquote{background-color:#f7f7f7!important;background-image:linear-gradient(180deg,#fff,#f5f5fa)!important;border:none!important;border-left:3px solid #5468ffcc!important;margin:10px 5px!important}.blogpost-body blockquote,.blogpost-body p.tip{--text-opacity:1!important;box-shadow:0 4px 11px 0 #252c6117,0 1px 3px 0 #5d64940f!important;color:#484c7a!important;font-size:14px;font-weight:400;padding:15px!important}.blogpost-body p.tip{background-color:#42b98305!important;border:none!important;border-left:4px solid #7acea8!important;position:relative}.blogpost-body p.tip:before{background-color:#7acea8;border-radius:100%;color:#fff;content:"√";font-family:lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:700;height:20px;left:-12px;line-height:20px;position:absolute;text-align:center;top:14px;width:20px}.blogpost-body p.warn{--text-opacity:1!important;background-color:#ff66661a!important;background-color:#ff666605!important;border:none!important;border-left:4px solid #f66!important;box-shadow:0 4px 11px 0 #252c6117,0 1px 3px 0 #5d64940f!important;color:#484c7a!important;font-size:14px;font-weight:400;padding:15px!important;position:relative;text-decoration:none!important}.blogpost-body p.warn:before{background-color:#f66;border-radius:100%;color:#fff;content:"!";font-family:lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:700;height:20px;left:-12px;line-height:20px;position:absolute;text-align:center;top:14px;width:20px}blockquote p{margin:0!important;padding:0;text-indent:0!important}.textUnselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.titleIcon{color:#5d69a5;font-size:34px!important;line-height:50px;position:relative}#cnblogs_post_body ul{margin-left:20px;margin-top:5px;padding-left:0}.postBody li,.postCon li{list-style-type:disc;margin-bottom:.5em}#commentform_title,.entrylistTitle,.feedback_area_title{border-bottom:none}#commentform_title:after,.feedback_area_title:after{border-bottom:1px dashed #e9e9e9;bottom:16px;content:"";display:block;position:relative;text-align:center;width:100%}.entrylistTitle:after{left:200px}#commentform_title:after,.feedback_area_title:after{left:80px}#tbCommentBody{width:100%!important}#rightMenu{bottom:10px;min-width:24px;position:fixed;width:40px;z-index:2}div#rightMenu .rightMenuItem{border-radius:50%;-webkit-box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d649433;box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d649433;cursor:pointer;display:block;font-size:15px;height:28px;line-height:28px;margin-bottom:4px;padding:4px;position:relative;text-align:center;width:28px}#author_profile,#div_digg{margin-top:5px}#div_digg{float:right;font-size:12px;margin-bottom:10px;margin-right:20px;text-align:center;width:140px}#div_digg .buryit,#div_digg .diggit{border-radius:6px;cursor:pointer;height:58px;margin:0;padding-top:0;text-align:center;width:58px}#div_digg .diggit{background:#ecfdf5;border:1px solid #a7f3d0;color:#10b981;float:left}#div_digg .buryit{background:#f6f8fa;border:1px solid #e5e7eb;color:#6b7280;float:right}#div_digg .buryit i,#div_digg .diggit i{display:block;font-size:18px;font-weight:700;margin-top:4px}#div_digg .diggit .diggnum{color:#10b981;font-size:16px}#div_digg .buryit .burynum{color:#6b7280;font-size:16px}#rightMenu i{display:block;font-size:16px;font-weight:500}#rightMenu .hideRightMenu{display:none}#rightGzh i{font-size:18px}#rightDashang i{font-size:32px;left:-1px;position:relative}.rightMenuItem{background-image:linear-gradient(180deg,#fff,#f5f5fa);color:#777aaf;cursor:pointer;filter:Alpha(opacity=50);position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#attention i,#rightBuryit i,#rightDiggit i,#rightMenuHome i,#rtaDirectory i,#toUpDownI i,#update i{font-weight:600}#rightDashang .rightMenuSpan,#rightGzh .rightMenuSpan{color:#777;display:none;font-size:14px;font-weight:700;left:-156px;position:absolute;text-align:right;width:140px}#rightGzh .rightMenuSpan{top:-25px}#attention .rightMenuSpan,#rightBuryit .rightMenuSpan,#rightDiggit .rightMenuSpan,#rightMenuHome .rightMenuSpan,#rightMenuSite .rightMenuSpan,#rtaDirectory .rightMenuSpan,#toUpDown .rightMenuSpan,#update .rightMenuSpan{background:#1b1c1d!important;border:0;border-radius:3px;-webkit-box-shadow:0 0 6px -1px #8c92a380;box-shadow:0 0 6px -1px #8c92a380;color:#fff;display:none;font-size:14px;font-style:normal;font-weight:400;left:-95px;max-width:unset;opacity:.9;position:absolute;text-align:center;white-space:nowrap;width:83px}#attention .rightMenuSpan:before,#rightBuryit .rightMenuSpan:before,#rightDiggit .rightMenuSpan:before,#rightMenuHome .rightMenuSpan:before,#rightMenuSite .rightMenuSpan:before,#rtaDirectory .rightMenuSpan:before,#toUpDown .rightMenuSpan:before,#update .rightMenuSpan:before{background-attachment:scroll;background-clip:initial;background-color:#1b1c1d;bottom:auto;box-shadow:1px -1px 0 0 #b3b3b333;box-sizing:border-box;color:#fff;content:"";display:block;height:8.98px;left:auto;margin-top:-3.9px;opacity:.9;position:absolute;right:-.325em;top:50%;transform:matrix(.707107,.707107,-.707107,.707107,0,0);white-space:nowrap;width:8.98px}.rightDanshanSpan{bottom:-134px}.ds-pay{height:100%;text-align:center;width:100%}.ds-alipay,.ds-gzh,.ds-wecat{background:#fff;border-radius:0 6px 6px;box-shadow:0 2px 7px #0000004d;cursor:pointer;height:140px;margin:3px 0;padding:5px;position:relative;text-align:center;transition:all 1s ease-in-out 0s;width:140px}.ds-alipay img,.ds-gzh img,.ds-wecat img{border-radius:6px;height:100%;width:100%}.ds-alipay span,.ds-gzh span,.ds-wecat span{background:#fff;border-radius:0 0 6px 6px;box-shadow:0 4px 7px #0000001a;color:#777;font-family:Ubuntu Mono,monospace;font-size:.85em;height:18px;left:-32px;line-height:18px;padding:0 6px 2px;position:absolute;top:14px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}#cnblogs_post_body table td,#cnblogs_post_body table th,.feedbackCon table td,.feedbackCon table th{background-clip:padding-box;border:0;box-sizing:border-box;display:table-cell;height:40px;position:relative;text-overflow:ellipsis;vertical-align:middle}.attentionSpan{top:2px}.cnblogs-markdown .cnblogs_code_copy a,.rightBuryitSpan{top:0}.rightDiggitSpan{top:7px}.toUpDownSpan{top:3px}#cnblogs_post_body table,.feedbackCon table{background-color:#fff;border:1px solid #ebeef5;border-bottom:0;border-collapse:initial!important;border-right:0;box-sizing:border-box;color:#222;display:table!important;font-size:14px;margin:0 0 10px;overflow:hidden!important;padding:0;position:relative;width:100%!important}.feedbackCon table{margin:10px 0}#cnblogs_post_body table thead,.feedbackCon table thead{color:#4c4948;font-size:16px;font-weight:500}#cnblogs_post_body table tr,.feedbackCon table tr{border:0}#cnblogs_post_body table tr:nth-child(2n),.feedbackCon table tr:nth-child(2n){background:#fbfbfb}#cnblogs_post_body table th,.feedbackCon table th{background-color:#fff;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;min-width:100px;overflow:hidden;padding:12px 10px;text-align:left}#cnblogs_post_body table td,.feedbackCon table td{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;min-width:0;padding:12px 10px}#cnblogs_post_body>p{font-feature-settings:"tnum";font-family:-apple-system,BlinkMacSystemFont,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-variant:tabular-nums;font-weight:400;letter-spacing:.015em;line-height:1.8;margin:0 auto;word-break:break-word}#cnblogs_post_body ul li{margin-left:18px}.cnblogs_code,pre{font-size:14px!important}.cnblogs_code,.cnblogs_code pre,.cnblogs_code span,pre{font-family:Source Code Pro,Consolas,Menlo,Monaco,Courier New,monospace!important;font-weight:400}.header__span .dev__developer{left:90px;min-height:34px;top:12px}.dev__developer,.dev__fe,.dev__fe i,.dev__slash,.dev__ux,.dev__ux i{transition:all .6s cubic-bezier(.555,-.375,0,1.615)}.header__dev--open .dev__fe i{text-indent:5px!important}.header__dev--open .dev__ux i{text-indent:11px!important}.header__dev--open .dev__developer{opacity:.6;-webkit-transform:translateX(15px);transform:translateX(15px)}.header__dev--open .dev__slash{-webkit-transform:scale(.9) rotate(0);transform:scale(.9) rotate(0)}.header__dev--slow .dev__developer,.header__dev--slow .dev__fe,.header__dev--slow .dev__fe i,.header__dev--slow .dev__slash,.header__dev--slow .dev__ux,.header__dev--slow .dev__ux i{transition:all 1.2s cubic-bezier(.555,-.375,0,1.615)}#m-nav-list li{overflow:hidden;position:relative}#m-nav-list li a i{color:#888;font-size:16px;left:-2px;margin-right:3px;position:relative;top:1px}#comment_nav,#header,#leftcontentcontainer,#profile_block,#top_nav,.catListTitle{display:none!important}#ad_c1,#ad_c2,#ad_t1,#ad_t2,#cnblogs_c1,#cnblogs_c2,#commentform_title a,#under_post_kb,#under_post_news{display:none}#progressBar{left:0;position:fixed;top:0;width:100%;z-index:998}#home code:not([class]),span.cnblogs_code{background-color:#f9f2f4;border:0;border-radius:3px;bottom:1px;color:#d83b64;display:inline;font-weight:700;padding:2px 4px;position:relative}.cnblogs_code{background-color:initial;border:0;line-height:20px;margin:0 auto;overflow:hidden;padding:0;position:relative}pre{word-wrap:break-word;border:0!important;border-radius:0 0 4px 4px!important;counter-reset:itemcounter;margin:0;padding:10px;white-space:pre;word-break:break-all}.postBody pre:not(.hljs){color:#23263b}pre .line-numbers-rows{color:#999;counter-increment:itemcounter;left:1px;position:absolute;text-align:center;width:34px}.code-pre-line,code-box{display:block;position:relative}code-box{border:1px solid #ededed;border-radius:4px;-webkit-box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d64940f;box-shadow:0 4px 11px -2px #252c6126,0 1px 3px 0 #5d64940f;margin:5px}.code-hljs-len{background-color:#e6e6e61a;border-radius:2px;color:#999;display:inline-block;font-size:12px;height:22px;left:73px;line-height:22px;padding:0 6px;position:absolute;top:6px;visibility:hidden}code-box .code-tools{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:4px 4px 0 0;color:#effc;display:flex;font-size:14px;height:16px;min-height:1.2rem;overflow:hidden;padding:6px;position:relative}code-box .code-tools:after{background:#fc625d;border-radius:50%;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;content:" ";height:12px;left:12px;position:absolute;top:11px;width:12px}pre .line-numbers-rows:before{content:counter(itemcounter)}.code-pre-line{padding-left:44px!important}.code-copay-btn{align-items:center;background-color:#e6e6e633;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;padding:1px 0 0 2px;position:absolute;right:8px;text-align:center;top:6px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;width:26px;z-index:1}.cnblogs_code div{background-color:initial}.cnblogs_code_collapse{background-color:#fff;border:0;color:#d08770;cursor:pointer;display:inline;font-family:Merriweather,Open Sans,Microsoft Jhenghei,Microsoft Yahei,sans-serif!important;font-weight:700;position:relative;top:1px}#sideToolbar,.cnblogs_code_copy img,.list .out .icontd{display:none}.cnblogs_code_toolbar{height:0}.cnblogs_code_copy a{background-repeat:no-repeat;display:inline-block;height:16px;margin:0;padding:0;position:absolute;width:16px}.code_img_closed,.code_img_opened{cursor:pointer}.cnblogs_code_toolbar a:active,.cnblogs_code_toolbar a:hover,.cnblogs_code_toolbar a:link,.cnblogs_code_toolbar a:link img,.cnblogs_code_toolbar a:visited,.cnblogs_code_toolbar a:visited img{background-color:initial!important;border:none!important}.cnblogs-markdown code,.cnblogs-post-body code{background-color:unset!important;border:0!important}.postBody .cnblogs-markdown code:not(.language-env),.postBody .cnblogs-post-body code:not(.language-env){background-color:#f9f2f4!important;border:0!important;border-radius:3px!important;bottom:1px;color:#d83b64;font-family:Ubuntu Mono,monospace!important;font-size:13px!important;font-weight:600;padding:2px 4px!important;position:relative;text-indent:0!important}#cnblogs_post_body>pre .cnblogs_code_copy a{right:5px}#cnblogs_post_body>pre{margin:10px 15px!important}#pageAnimationOffOn{color:#fff9;cursor:pointer;position:absolute;right:20px;top:15px;z-index:999}#pageAnimationOffOnIcon{display:inline-block;font-size:20px;font-weight:700}.toc{margin-bottom:30px}.article-info{color:#fff;margin-top:0}.article-info-text{margin-bottom:18px}.article-info-tag{background-image:none;border-radius:3px;box-shadow:none;color:#fff;display:inline-block;font-size:12px;font-weight:500;height:22px;letter-spacing:2px;line-height:22px;margin:0 0 0 10px;padding:0 5px;position:relative;text-decoration:none;text-transform:uppercase;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content}.article-tag-class-color,.article-tag-color{background-color:#4c4948}a[name=top],div#loading{background-color:#f0f0f0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1099}#evanyou{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}#green_channel{border:0;border-bottom:1px dashed #eee;border-top:1px dashed #eee;display:inline-block;font-size:12px;margin-bottom:10px;margin-top:10px;padding:10px 0;text-align:center;vertical-align:middle;width:100%!important}#blog_post_info #green_channel a{display:none}#btn_comment_submit,a#green_channel_digg,a#green_channel_favorite,a#green_channel_follow,a#green_channel_wechat,a#green_channel_weibo{background-image:none;border-radius:3px;color:#313131;display:inline-block;font-size:12px;font-weight:500;height:30px;letter-spacing:2px;line-height:30px;margin:10px auto auto;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;width:80px}a#green_channel_digg:hover,a#green_channel_favorite:hover,a#green_channel_follow:hover,a#green_channel_wechat:hover,a#green_channel_weibo:hover{transform:scale(1.02)}a#green_channel_digg:active,a#green_channel_favorite:active,a#green_channel_follow:active,a#green_channel_wechat:active,a#green_channel_weibo:active{transform:scale(.95);transition:all .4s -125ms}a#green_channel_digg{background-color:#5c8ec6;box-shadow:0 15px 18px -6px #5fc1cea6}a#green_channel_follow{background-color:#e33100!important;box-shadow:0 15px 18px -6px #e33100a6;margin-left:10px}a#green_channel_favorite{background-color:#ffb515;box-shadow:0 15px 18px -6px #ffc64ba6;margin-left:10px}a#green_channel_weibo{background-color:#ff464b!important;box-shadow:0 15px 18px -6px #ff464ba6!important;margin-left:10px;width:45px}a#green_channel_wechat{background-color:#3cb034!important;box-shadow:0 15px 18px -6px #3cb034a6!important;margin-left:10px;width:45px}#author_profile_info img.author_avatar{border:3px solid #f7f7f7;border-radius:100%;box-shadow:inset 1px 1px 3px #0000004d,0 1px 3px #0006;margin-left:3px;margin-right:7px;padding:0}div#green_channel img{height:20px;width:20px}@keyframes beating{0%,30%,70%,to{transform:scale(1)}20%,50%{transform:scale(1.6)}}.footer-t1{background:#232323;margin:250px 0 0!important;min-height:130px!important}.footer-image{height:368px;pointer-events:none;position:absolute;top:-293px;width:100%;z-index:1}#footer .footer-box{margin:0 auto;max-width:900px;text-align:center;width:70%}#footer .footer-text{border-bottom:1px dashed #333;font-size:16px;margin:0 auto 5px;padding-bottom:5px}#footer .footer-text .footer-text-icon{-webkit-font-smoothing:antialiased;animation:iconAnimate 1.33s ease-in-out infinite;display:inline-block;font-size:14px;margin:0 7px}footer footer-background{bottom:7.25rem;height:18rem;left:0;position:absolute;transform:translateZ(0);width:100%;z-index:-1}footer footer-background figure{bottom:0;height:15rem;left:0;margin:0;position:absolute;width:100%}footer footer-background .background,footer footer-background .clouds,footer footer-background .foreground{background-repeat:repeat-x!important;bottom:0;left:0;position:absolute;right:0}footer footer-background .foreground{background-size:225em 15em!important;top:1rem!important}footer footer-background .background{background-size:225em 21.313em!important;top:-1em!important}footer footer-background .clouds{background-size:225em 15em!important;top:-2em!important}table#blogCalendar>tbody>tr>td>a{color:#bbb}.art-dialog{background-color:#000000b3!important;border:unset!important;color:#f9f9f9!important}.art-dialog-header{border-bottom:1px solid #444!important}.art-dialog-footer{padding:0 20px 10px!important}.art-dialog-button button{border:unset!important;color:#f9f9f9!important;font-size:12px!important;padding:2px 6px!important}.art-dialog-button button[i-id=cancel]{background-color:#d98d6f!important}.art-dialog-statusbar{padding:0 0 0 16px!important}.art-dialog-button button[i-id=cancel]:hover{background-color:#ca8966!important}.art-dialog-statusbar a{color:#ff9128}.art-dialog-content a{color:#85d6d9}.art-dialog-close{color:#fff!important;text-shadow:unset!important}.art-dialog-button button[i-id=\6CE8\518C]{background-color:#5fcc7d!important}@-moz-keyframes iconAnimate{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-webkit-keyframes iconAnimate{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-o-keyframes iconAnimate{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@keyframes iconAnimate{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}#dayNightSwitch{cursor:pointer;display:inline-block;opacity:.65;position:absolute;right:20px;top:25px;z-index:4}#dayNightSwitch .onOff{background:#324164;border:2px solid #1e2d50;border-radius:25px;box-shadow:0 15px 10px -10px #0003,0 5px 10px #0000001a;height:25px;overflow:hidden;position:relative;width:65px}#dayNightSwitch .onOff *{transition:all .4s ease}#dayNightSwitch .onOff.daySwitch{border:2px solid #52a6bf}#dayNightSwitch .onOff.daySwitch .sky{animation:none!important;border-radius:25px;height:25px;left:0;position:absolute;top:0;transform:translate(0);width:65px}#dayNightSwitch .onOff.daySwitch .sunMoon{background:#ffdf61;border:2px solid #d9b31c;left:calc(100% - 23px)}#dayNightSwitch .onOff.daySwitch .sunMoon .crater{transform:scale(0)!important}#dayNightSwitch .onOff.daySwitch .sunMoon .cloud{animation:cloudAnim 2.5s linear infinite;opacity:1;transform:translatex(0);transition-delay:.2s}#dayNightSwitch .onOff .sunMoon{background:#f0e1a5;border:2px solid #ccc091;border-radius:100%;height:16px;left:3px;position:absolute;top:2.5px;width:16px}#dayNightSwitch .onOff .sunMoon .crater{background:#ccc091;border-radius:13px;height:5px;left:50%;position:absolute;top:20%;width:5px}#dayNightSwitch .onOff .sunMoon .crater.crater1{left:30%;top:45%;transform:scale(.5)}#dayNightSwitch .onOff .sunMoon .crater.crater2{left:55%;top:60%;transform:scale(.7)}#dayNightSwitch .onOff .sunMoon .cloud{background:#fff;border-radius:3px;opacity:0;position:absolute;transform:translatex(-20px);transition-delay:0s}#dayNightSwitch .onOff .sunMoon .cloud.part1{height:2px;left:-12px;top:calc(50% - 1.5px);width:20px}#dayNightSwitch .onOff .sunMoon .cloud.part1:before{background:#fff;border-radius:3px;content:"";height:3px;left:40%;position:absolute;top:-100%;width:3px}#dayNightSwitch .onOff .sunMoon .cloud.part1:after{background:#fff;border-radius:3px;content:"";height:2px;left:20%;position:absolute;top:-200%;width:15px}#dayNightSwitch .onOff .sunMoon .cloud.part2{height:3px;left:-1px;top:calc(50% + .3px);width:3px}#dayNightSwitch .onOff .sunMoon .cloud.part2:before{background:#fff;border-radius:3px;content:"";height:2px;left:-8px;position:absolute;top:100%;width:18px}#dayNightSwitch .onOff .star{background:#5ebedb;border-radius:5px;height:5px;left:50%;position:absolute;top:10%;transform:translate(20px,5px);width:5px}#dayNightSwitch .onOff .star.star1{animation:starAnim1 3s linear -2.4s infinite;transform:translate(10px,15px) scale(.3)}#dayNightSwitch .onOff .star.star2{animation:starAnim2 3s linear -1.1s infinite;transform:translate(15px,-7px) scale(.6)}#dayNightSwitch .onOff .star.star3{animation:starAnim3 3s linear -1.5s infinite;transform:translate(35px,-12px) scale(.9)}#dayNightSwitch .onOff .star.star4{animation:starAnim4 3s linear -1.9s infinite;transform:translate(30px,12px) scale(.4)}#dayNightSwitch .onOff .star.star5{animation:starAnim5 3s linear -2.8s infinite;transform:translate(0) scale(.6)}#dayNightSwitch .onOff .star.sky{animation:skyAnim 3s linear -.4s infinite}.htmlGray{filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)}@keyframes starAnim1{0%{transform:translate(5px,30px) scale(.3)}20%{transform:translate(8px,17px) scale(.3)}50%{transform:translate(10px) scale(.3)}80%{transform:translate(8px,-17px) scale(.3)}to{transform:translate(5px,-30px) scale(.3)}}@keyframes starAnim2{0%{transform:translate(10px,30px) scale(.6)}20%{transform:translate(13px,17px) scale(.6)}50%{transform:translate(15px) scale(.6)}80%{transform:translate(13px,-17px) scale(.6)}to{transform:translate(10px,-30px) scale(.6)}}@keyframes starAnim3{0%{transform:translate(30px,30px) scale(.9)}20%{transform:translate(33px,17px) scale(.9)}50%{transform:translate(35px) scale(.9)}80%{transform:translate(33px,-17px) scale(.9)}to{transform:translate(30px,-30px) scale(.9)}}@keyframes starAnim4{0%{transform:translate(25px,30px) scale(.4)}20%{transform:translate(28px,17px) scale(.4)}50%{transform:translate(30px) scale(.4)}80%{transform:translate(28px,-17px) scale(.4)}to{transform:translate(25px,-30px) scale(.4)}}@keyframes starAnim5{0%{transform:translateY(30px) scale(.6)}20%{transform:translate(3px,17px) scale(.6)}50%{transform:translate(5px) scale(.6)}80%{transform:translate(3px,-17px) scale(.6)}to{transform:translateY(-30px) scale(.6)}}@keyframes skyAnim{0%{transform:translate(15px,30px) scale(1)}20%{transform:translate(18px,17px) scale(1)}50%{transform:translate(20px) scale(1)}80%{transform:translate(18px,-17px) scale(1)}to{transform:translate(15px,-30px) scale(1)}}@keyframes cloudAnim{0%,to{transform:translatex(0)}14%{transform:translatex(5px)}56%{transform:translatex(-10px)}}@-moz-keyframes refreshAnimation{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(.9)}}@-webkit-keyframes refreshAnimation{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(.9)}}@-o-keyframes refreshAnimation{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(.9)}}@keyframes refreshAnimation{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(.9)}}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-o-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@media only screen and (max-width:1200px){.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:60vh;max-height:60vh;min-height:240px}#home{max-width:100vw;width:85%}.entrylistPosttitle a:link,.postTitle a:link{font-size:2.8rem}.entrylistItemPostDesc,.postDesc{font-size:1.3rem}.entrylistPosttitle,.page-title{font-size:4rem;letter-spacing:-1px}.sb-title{font-size:3.3rem;letter-spacing:-1px}p.article-info-text>.postMeta,p.article-info-text>.postMeta i{font-size:15px}.page-description{-webkit-line-clamp:4;font-size:2rem;line-height:2rem}.page-author{font-size:1.3rem!important;line-height:1.3em}#aplayer,#evanyou,#music-box,#nhBannerAnimation,.scroll-down,body>meting-js{display:none!important}.c_b_p_desc_readmore{font-size:14px;width:75px}}@media only screen and (max-width:960px){.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50vh;max-height:50vh;min-height:240px}#home{width:auto}#pageAnimationOffOn{display:none}#articleSuffix .articleSuffix-left,#bgCanvas,#homeTopCanvas,.c_b_p_desc_img{display:none!important}#articleSuffix .articleSuffix-right{width:calc(100% - 12px)!important}.c_b_p_desc,.entrylistPostSummary{width:100%!important}.postCon{min-height:unset!important}}@media only screen and (max-width:720px){body{position:relative}#cnblogs_post_body>p{font-size:1em;line-height:1.8em;padding:0 10px}.main-header{height:40vh;margin-bottom:15px;max-height:40vh}#home{box-shadow:unset;padding-left:5px}.entrylistPosttitle a:link,.postTitle a:link{font-size:2.3rem}.entrylistItemPostDesc,.entrylistPostSummary,.login_tips,.postCon,.postDesc{font-size:12px}.commentform,.menu-button{border:none!important;margin:0!important}.inner{margin:2rem auto;width:auto}.entrylistPosttitle,.page-title{font-size:2.6rem}.sb-title{font-size:2.8rem}.page-description{-webkit-line-clamp:2;font-size:1.6rem}.page-author{font-size:1rem!important}.menu-button-scroll{left:-5px!important;width:33px!important}#aplayer,#articleSuffix,#bgCanvas,#canvas,#evanyou,#homeTopCanvas,#music-box,#pageAnimationOffOn,.comment_date,.scroll-down,body>meting-js{display:none!important}.postMeta{font-size:12px}.postMeta>i,p.article-info-text>.postMeta,p.article-info-text>.postMeta i{font-size:13px}p.article-info-text>.postMeta br{display:inline}.article-info-tag{padding:0 3px}.c_b_p_desc_readmore{border-bottom:1px solid #666;font-size:13px;width:68px}.postSticky{font-size:12px;top:-4px}#footer .footer-box{width:95%}#dayNightSwitch .onOff,#dayNightSwitch .onOff.daySwitch .sky{border-radius:18px;height:18px;width:50px}#dayNightSwitch .onOff .sunMoon{height:12px;top:1px;width:12px}#dayNightSwitch .onOff.daySwitch .sunMoon{left:calc(100% - 19px)}#dayNightSwitch{right:12px;top:15px}#dayNightSwitch .onOff .star{top:-50%}#dayNightSwitch .onOff .sunMoon .crater{height:3px;width:3px}#dayNightSwitch .onOff .sunMoon .cloud.part1{width:17px}#dayNightSwitch .onOff .sunMoon .cloud.part1:after{width:12px}#dayNightSwitch .onOff .sunMoon .cloud.part2:before{width:15px}}.code-hljs-len{visibility:hidden!important}.deng-box{right:-20px;top:-40px}.deng-box,.deng-box1{position:fixed;width:12%;z-index:999}.deng-box1{right:10px;top:-30px}.deng-box1 .deng{animation:swing 5s ease-in-out infinite;-webkit-animation:swing 5s ease-in-out infinite;box-shadow:-5px 5px 30px 4px #fc903d}.deng,.deng-box1 .deng{background:#d8000f;background:#d8000fcc;border-radius:50% 50%;height:90px;margin:50px;position:relative;transform-origin:50% -100px;-webkit-transform-origin:50% -100px;width:120px}.deng{animation:swing 3s ease-in-out infinite;-webkit-animation:swing 3s ease-in-out infinite;box-shadow:-5px 5px 50px 4px #fa6c00}.deng-a{margin:12px 8px 8px 10px;width:100px}.deng-a,.deng-b{background:#d8000f;background:#d8000f1a;border:2px solid #dc8f03;border-radius:50% 50%;height:90px}.deng-b{margin:-4px 8px 8px 26px;width:45px}.xian{background:#dc8f03;height:20px;left:60px;position:absolute;top:-20px;width:2px}.shui-a{animation:swing 4s ease-in-out infinite;-webkit-animation:swing 4s ease-in-out infinite;background:orange;border-radius:0 0 5px 5px;height:20px;margin:-5px 0 0 59px;position:relative;transform-origin:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;width:5px}.shui-b{background:#dc8f03;border-radius:50%;height:10px;top:14px}.shui-b,.shui-c{left:-2px;position:absolute;width:10px}.shui-c{background:orange;border-radius:0 0 0 5px;height:35px;top:18px}.deng:before{border:1px solid #dc8f03;border-radius:5px 5px 0 0;left:29px;top:-7px;z-index:999}.deng:after,.deng:before{background:orange;background:linear-gradient(90deg,#dc8f03,orange,#dc8f03,orange,#dc8f03);content:" ";display:block;height:12px;position:absolute;width:60px}.deng:after{border:1px solid #dc8f03;border-radius:0 0 5px 5px;bottom:-7px;left:10px;margin-left:20px}.deng-t{color:#dc8f03;font-family:Arial,Lucida Grande,Tahoma,sans-serif;font-size:3.2rem;font-weight:700;line-height:85px;text-align:center}@keyframes swing{0%{transform:rotate(-10deg);-ms-transform:rotate(-10deg)}50%{transform:rotate(10deg);-ms-transform:rotate(10deg)}to{transform:rotate(-10deg);-ms-transform:rotate(-10deg)}}@-moz-keyframes swing{0%{-moz-transform:rotate(-10deg)}50%{-moz-transform:rotate(10deg)}to{-moz-transform:rotate(-10deg)}}@-webkit-keyframes swing{0%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg)}}::selection{background:#262a30}::-moz-selection{background:#262a30}::-webkit-selection{background:#262a30}.article-info-tag{line-height:25px!important}#articleDirectory ul li{line-height:26px}#author_profile_detail{width:60px}#author_profile_detail a{color:#363636}#author_profile_detail a:hover,.commentbox_tab:hover,.postDesc a:hover{color:#6db33f!important}.commentbox_tab.active,.commentbox_tab:hover{border-bottom:2px solid #6db33f!important;color:#000}body{color:#4c4948;cursor:url(//cdn.jsdelivr.net/gh/BNTang/BNTang@c796b917323a463a78decfc62bb41438b654c8c8/cur/normal.cur),auto;min-height:0!important}a,button,img{cursor:url(//cdn.jsdelivr.net/gh/BNTang/BNTang@c796b917323a463a78decfc62bb41438b654c8c8/cur/link.cur),auto!important}@font-face{font-family:Merienda;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/merienda/v9/gNMHW3x8Qoy5_mf8uWMLMIqK_Q.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Merienda;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/merienda/v9/gNMHW3x8Qoy5_mf8uWMFMIo.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Baloo Bhaijaan;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EALGRTCw.woff2) format("woff2");unicode-range:u+06??,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe80-fefc}@font-face{font-family:Baloo Bhaijaan;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EKLGRTCw.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:Baloo Bhaijaan;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7ELLGRTCw.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Baloo Bhaijaan;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EFLGQ.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inconsolata;font-stretch:100%;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inconsolata/v30/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRL2l2eY.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inconsolata;font-stretch:100%;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inconsolata/v30/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRP2l2eY.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inconsolata;font-stretch:100%;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inconsolata/v30/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/josefinsans/v24/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMlhLzTs.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/josefinsans/v24/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMhhLzTs.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/josefinsans/v24/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(src/fonts/bntang/icont-two.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(src/fonts/bntang/icont-one.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}#cnblogs_post_body p,#code-JWP25Y,#entrylistTitle,#main,#p_b_follow,#sbTitleText,#tbCommentBody,#topics,.aplayer,.aplayer-dtime,.aplayer-list-author,.aplayer-list-cur,.aplayer-list-index,.aplayer-list-title,.aplayer-lrc,.aplayer-ptime,.aplayer-title,.article-info-tag,.article-tag-color,.articleDirectory-overflow,.articleSuffix-right,.c_b_p_desc,.ds-alipay span,.ds-gzh span,.ds-wecat span,.entrylistItemTitle,.entrylistTitle,.hljs-meta,.nav-link,.page-author,.pager,.postBody,.postDesc,.postMeta,.postTitle2,.sidebar-dropdown-box,.sidebar-title-msg,.sidebar-userinfo,.text,.vertical-middle,body,html,p.aplayer-lrc-current{-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%!important;font-family:Lato,Josefin Sans,PingFang SC,sans-serif!important;text-rendering:geometricPrecision!important}#articleDirectory,#main,.c_b_p_desc,.entrylistTitle,.postBody,.postDesc,p{font-size:14px!important}.article-info-tag,button{text-transform:none!important}.introduce-via img{border:none!important;box-shadow:none!important;height:70px!important;padding:1px!important;transition:transform 1s ease-out!important;width:70px!important}.aplayer .aplayer-lrc p{color:#fe9600!important}.aplayer.aplayer-fixed{left:-66px!important;transition:all .3s ease;z-index:0!important}.aplayer.aplayer-fixed:hover,.aplayer.aplayer-fixed:hover .aplayer-body{left:0!important}.aplayer.aplayer-fixed .aplayer-body{border-radius:0 6px 6px 0!important;left:-66px!important;z-index:0!important}.ap-hover,.aplayer-icon,.aplayer-miniswitcher,.live2d-tool{border-radius:0 6px 6px 0!important}.aplayer.aplayer-fixed .aplayer-lrc{bottom:10px;display:block;left:0;margin:0;pointer-events:none;position:fixed;right:0;text-shadow:-1px -1px 0 #fff;z-index:0!important}.aplayer.aplayer-fixed .aplayer-list{border-radius:5px}#aplayer-float .aplayer-lrc-current{color:#fe9600!important;color:orange;font-size:15px;font-weight:700}.aplayer .aplayer-lrc p.aplayer-lrc-current{color:orange!important;font-size:15px;font-weight:700}.aplayer .aplayer-lrc p{color:#ff3939!important;font-size:12px;height:16px!important;line-height:16px!important;margin:0!important;opacity:.4;overflow:hidden;padding:0!important;transition:all .5s ease-out}#cnblogs_post_body a{border-bottom:none!important}a:hover{color:#6db33f}#HistoryToday,#ad_text_under_commentbox{display:none}.blogpost-body :not(pre,div,td)>code,.cnblogs-markdown :not(pre,div,td)>code{font-family:inherit!important}#taglist td{padding:5px 60px 5px 10px!important}.sidebar-title-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.nav-link .articleDirectory-overflow .active{color:#ff5f5f!important}img.sidebar-vip-logo{height:11px;left:82px;position:absolute;top:8px;vertical-align:middle;width:11px}img.post-footer-vip-logo{height:10px!important}.custom-image-container{height:140px;overflow:hidden;width:100%}.custom-image-container img{height:100%;object-fit:cover;width:100%}

页脚 HTML 代码

<!--音乐播放器-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css">
<script type="text/javascript"> var meting_api='https://api.injahow.cn/meting/?type=:type&id=:id';</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="7089276779" data-server="netease"
     data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="orange"></div>

<!--点击特效-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.0/jquery.min.js"></script>-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/mo-js/0.265.6/mo.min.js"></script>-->
<!--<script>-->
<!--    const burst = new mojs.Burst({-->
<!--        left: 0,-->
<!--        top: 0,-->
<!--        radius: {5: 40},-->
<!--        children: {shape: "circle", fill: ["red", "cyan", "orange"], fillOpacity: .8, radiusX: 3.5, radiusY: 3.5}-->
<!--    });-->
<!--    document.addEventListener("click", function (a) {-->
<!--        burst.tune({-->
<!--            x: a.pageX,-->
<!--            y: a.pageY-->
<!--        }).generate().replay();-->
<!--    });-->
<!--</script>-->