PageSourceSearch

https://qcqx.cn/about/

html qcqx.cn collected 2026-10-07 08:48:13 UTC 87,799 bytes, 960 lines download raw bytes

1<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head>
1<script>if ('serviceWorker' in navigator) {
2  //- if (Number(window.localStorage.getItem('ChenBlogHelper_Set')) < 1) {
3  //-   (async()=>{window.stop()})()
4  //-   window.localStorage.setItem('ChenBlogHelper_Set', 1)
5  //- }
6  //- navigator.serviceWorker.register('/giggles.js')
7  //-   .then(async () => {
8  //-     if (Number(window.localStorage.getItem('ChenBlogHelper_Set')) < 2) {
9  //-       window.localStorage.setItem('ChenBlogHelper_Set', 2)
10  //-       setTimeout(() => {
11  //-         window.location.reload()
12  //-       }, 150)
13  //-     }
14  //-   })
15  // 卸载所有 Service Worker
16  navigator.serviceWorker.getRegistrations().then(function(registrations) {
17    for(let registration of registrations) {
18      registration.unregister().then(function(success) {
19        if (success) {
20          console.log('Service Worker 已成功卸载');
21        }
22      });
23    }
24  });
25  // 清除相关的 localStorage
26  window.localStorage.removeItem('ChenBlogHelper_Set');
27}
28//- function setQXCookies(obj, limitTime, customDomain) {
29//-     let data = new Date(new Date().getTime() + limitTime * 24 * 60 * 60 * 1000).toGMTString();
30//-     for (let i in obj) {
31//-       document.cookie = i + '=' + obj[i] + ';expires=' + data + ';domain=' + customDomain;
32//-     }
33//- }
34//- function getQXCookie(name) {
35//-     var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
36//-     if (arr = document.cookie.match(reg))
37//-         return decodeURIComponent(arr[2]);
38//-     else
39//-         return null;
40//- }
41//- if(getQXCookie('qcqx')!=="chuckle"){
42//-   setQXCookies({ qcqx: 'chuckle' }, 365, 'qcqx.cn');
43//- }else{
44//-   console.log("qcqx");
45//- }</script>
45<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>关于页 | 轻笑Chuckle</title><meta name="author" content="『轻笑Chuckle』"><meta name="copyright" content="『轻笑Chuckle』"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="baidu-site-verification" content="codeva-BLXfA46XrF"><meta name="description" content="@media screen and (max-width:600px){#page{padding:0 5px!important}} #about-page .author-box{position:relative;width:189px;height:189px;background:rgba(253,253,253,0.8);border-radius:50%;overflow:">
46<meta property="og:type" content="website">
47<meta property="og:title" content="关于页">
48<meta property="og:url" content="https://www.qcqx.cn/about/index.html">
49<meta property="og:site_name" content="轻笑Chuckle">
50<meta property="og:description" content="@media screen and (max-width:600px){#page{padding:0 5px!important}} #about-page .author-box{position:relative;width:189px;height:189px;background:rgba(253,253,253,0.8);border-radius:50%;overflow:">
51<meta property="og:locale" content="zh_CN">
52<meta property="og:image" content="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/1.webp">
53<meta property="article:published_time" content="2025-07-16T06:38:51.565Z">
54<meta property="article:modified_time" content="2025-07-16T06:38:51.565Z">
55<meta property="article:author" content="『轻笑Chuckle』">
56<meta name="twitter:card" content="summary">
57<meta name="twitter:image" content="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/1.webp"><link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp"><link rel="canonical" href="https://www.qcqx.cn/about/"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/css/index.css?285"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/css/fontawesome.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/css/snackbar.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" media="print" onload="this.media='all'">
57<script>const GLOBAL_CONFIG = { 
58  root: '/',
59  algolia: undefined,
60  localSearch: {"path":"search.json","languages":{"hits_empty":"找不到您查询的内容:${query}"}},
61  translate: undefined,
62  noticeOutdate: undefined,
63  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":160},
64  copy: {
65    success: '复制成功',
66    error: '复制错误',
67    noSupport: '浏览器不支持'
68  },
69  relativeDate: {
70    homepage: false,
71    post: false
72  },
73  runtime: '天',
74  date_suffix: {
75    just: '刚刚',
76    min: '分钟前',
77    hour: '小时前',
78    day: '天前',
79    month: '个月前'
80  },
81  copyright: undefined,
82  lightbox: 'fancybox',
83  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#1f1f1f","position":"top-left"},
84  source: {
85    justifiedGallery: {
86      js: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.js',
87      css: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery@2/dist/fjGallery.min.css'
88    }
89  },
90  isPhotoFigcaption: true,
91  islazyload: true,
92  isAnchor: true
93}</script>
93<script id="config-diff">var GLOBAL_CONFIG_SITE = {
94  title: '关于页',
95  isPost: false,
96  isHome: false,
97  isHighlightShrink: false,
98  isToc: false,
99  postUpdate: '2025-07-16 14:38:51'
100}</script>
100<noscript><style type="text/css">
101  #nav {
102    opacity: 1
103  }
104  .justified-gallery img {
105    opacity: 1
106  }
107
108  #recent-posts time,
109  #post-meta time {
110    display: inline !important
111  }
112</style></noscript>
112<script>(win=>{
113    win.saveToLocal = {
114      set: function setWithExpiry(key, value, ttl) {
115        if (ttl === 0) return
116        const now = new Date()
117        const expiryDay = ttl * 86400000
118        const item = {
119          value: value,
120          expiry: now.getTime() + expiryDay,
121        }
122        localStorage.setItem(key, JSON.stringify(item))
123      },
124
125      get: function getWithExpiry(key) {
126        const itemStr = localStorage.getItem(key)
127
128        if (!itemStr) {
129          return undefined
130        }
131        const item = JSON.parse(itemStr)
132        const now = new Date()
133
134        if (now.getTime() > item.expiry) {
135          localStorage.removeItem(key)
136          return undefined
137        }
138        return item.value
139      }
140    }
141  
142    win.getScript = url => new Promise((resolve, reject) => {
143      const script = document.createElement('script')
144      script.src = url
145      script.async = true
146      script.onerror = reject
147      script.onload = script.onreadystatechange = function() {
148        const loadState = this.readyState
149        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
150        script.onload = script.onreadystatechange = null
151        resolve()
152      }
153      document.head.appendChild(script)
154    })
155  
156      win.activateDarkMode = function () {
157        document.documentElement.setAttribute('data-theme', 'dark')
158        if (document.querySelector('meta[name="theme-color"]') !== null) {
159          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
160        }
161      }
162      win.activateLightMode = function () {
163        document.documentElement.setAttribute('data-theme', 'light')
164        if (document.querySelector('meta[name="theme-color"]') !== null) {
165          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
166        }
167      }
168      const t = saveToLocal.get('theme')
169    
170          const now = new Date()
171          const hour = now.getHours()
172          const isNight = hour <= 6 || hour >= 18
173          if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
174          else if (t === 'light') activateLightMode()
175          else activateDarkMode()
176        
177      const asideStatus = saveToLocal.get('aside-status')
178      if (asideStatus !== undefined) {
179        if (asideStatus === 'hide') {
180          document.documentElement.classList.add('hide-aside')
181        } else {
182          document.documentElement.classList.remove('hide-aside')
183        }
184      }
185    
186    const detectApple = () => {
187      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
188        document.documentElement.classList.add('apple')
189      }
190    }
191    detectApple()
192    })(window)</script>
192<!-- hexo injector head_end start --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css" media="defer" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/css/tag_plugins.css" media="defer" onload="this.media='all'"><!-- hexo injector head_end end --><meta name="generator" content="Hexo 5.4.1"><link rel="alternate" href="/atom.xml" title="轻笑Chuckle" type="application/atom+xml">
193</head><body><div id="loading-box" onclick="document.getElementById(&quot;loading-box&quot;).classList.add(&quot;loaded&quot;)"><div class="loading-bg"><img class="loading-img" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp"/></div></div><div id="web_bg"></div><div id="svg_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="is-center" id="sidebar-avatar"><div class="avatar-img"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp" onerror="this.onerror=null;this.src='https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/404.gif'" alt="avatar"/></div><div class="author-info__name">『轻笑Chuckle』</div><div class="author-info__description">漫天倾尘 风中轻笑</div></div><div class="site-data is-center"><div class="data-item"><a href="/archives/"><div class="headline">文章</div><div class="length-num">88</div></a></div><div class="data-item"><a href="/tags/"><div class="headline">标签</div><div class="length-num">32</div></a></div><div class="data-item"><a href="/categories/"><div class="headline">分类</div><div class="length-num">6</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/qxchuckle"><i class="fab fa-github"></i><span>Follow Me</span></a><div class="menu-info-social-icons is-center"><a class="social-icon" href="https://blog.csdn.net/qxchuckle" target="_blank" title="CSDN"><i class="iconfont icon-csdn"></i></a><a class="social-icon" href="https://gitee.com/qxchuckle" target="_blank" title="Gitee"><i class="iconfont icon-gitee"></i></a><a class="social-icon" href="https://space.bilibili.com/353049313" target="_blank" title="bilibili"><i class="iconfont icon-bilibili"></i></a><a class="social-icon" href="https://music.163.com/#/user/home?id=1395730595" target="_blank" title="网易云"><i class="iconfont icon-wangyiyunyinle"></i></a><a class="social-icon" href="http://www.coolapk.com/u/4137393" target="_blank" title="酷安"><i class="iconfont icon-kuan"></i></a></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);"><i class="fa-fw iconfont icon-wenzhang"></i><span> 博文</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw iconfont icon-bendiwenjianjia"></i><span> 归档</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw iconfont icon-fenlei1"></i><span> 分类</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw iconfont icon-biaoqian1"></i><span> 标签</span></a></li><li><a class="site-page child" href="javascript:toRandomPost();"><i class="fa-fw iconfont icon-suijiceliang"></i><span> 随机文章</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/charts/"><i class="fa-fw iconfont icon-tongji"></i><span> 统计</span></a></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);"><i class="fa-fw iconfont icon-_lianjie"></i><span> 空间</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/link/"><i class="fa-fw iconfont icon-lianjie"></i><span> 友链</span></a></li><li><a class="site-page child" href="/fcircle/"><i class="fa-fw iconfont icon-pengyouquan"></i><span> 朋友圈</span></a></li><li><a class="site-page child" href="/bb/"><i class="fa-fw iconfont icon-shejiao"></i><span> 哔哔</span></a></li></ul></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);"><i class="fa-fw iconfont icon-fasong-"></i><span> 其它</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/update/"><i class="fa-fw iconfont icon-yuangongrizhi"></i><span> 日志</span></a></li><li><a class="site-page child" href="/agreement/"><i class="fa-fw iconfont icon-yinsixieyi"></i><span> 协议</span></a></li><li><a class="site-page child" href="/atom.xml" target="_blank"><i class="fa-fw iconfont icon-RSS"></i><span> RSS</span></a></li><li><a class="site-page child" href="/sitemap.xml" target="_blank"><i class="fa-fw iconfont icon-ditu"></i><span> Sitemap</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messageboard/"><i class="fa-fw iconfont icon-liuyanban"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-aixin"></i><span> 关于我</span></a></div></div></div></div><div class="page" id="body-wrap"><header class="not-top-img" id="page-header"><nav id="nav"><div id="nav-group"><div id="chuckle_home"><div class="back-home-button"><i class="back-home-button-icon fas fa-grip-vertical"></i><div class="back-menu-list-groups"><div class="back-menu-list-group"><div class="back-menu-list-title">传送门</div><div class="back-menu-list"><a class="back-menu-item" href="/" title="前往博客主页" target="_blank"><img class="back-menu-item-icon entered loading" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp" loading="lazy"/><span class="back-menu-item-text">博客主页</span></a><a class="back-menu-item" href="https://waline.qcqx.cn/ui" rel="external nofollow" title="前往评论后端" target="_blank"><img class="back-menu-item-icon entered loading" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/c4.webp" loading="lazy"/><span class="back-menu-item-text">评论管理</span></a></div></div><div class="back-menu-list-group"><div class="back-menu-list-title">博客线路</div><div class="back-menu-list"><a class="back-menu-item" href="https://www.qcqx.cn/" title="前往博客主站" target="_blank" rel="noopener nofollow"><img class="back-menu-item-icon entered loading" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/h4.webp" loading="lazy"/><span class="back-menu-item-text">主域名线路</span></a><a class="back-menu-item" href="https://qxchuckle.github.io" title="前往博客Github线路" target="_blank" rel="noopener nofollow"><img class="back-menu-item-icon entered loading" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/c6.webp" loading="lazy"/><span class="back-menu-item-text">Github线路</span></a></div></div></div></div></div><span id="blog_name"><a id="site-name" href="/">轻笑Chuckle</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);">
193<i class="fa-fw iconfont icon-wenzhang"></i><span> 博文</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw iconfont icon-bendiwenjianjia"></i><span> 归档</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw iconfont icon-fenlei1"></i><span> 分类</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw iconfont icon-biaoqian1"></i><span> 标签</span></a></li><li><a class="site-page child" href="javascript:toRandomPost();"><i class="fa-fw iconfont icon-suijiceliang"></i><span> 随机文章</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/charts/"><i class="fa-fw iconfont icon-tongji"></i><span> 统计</span></a></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);"><i class="fa-fw iconfont icon-_lianjie"></i><span> 空间</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/link/"><i class="fa-fw iconfont icon-lianjie"></i><span> 友链</span></a></li><li><a class="site-page child" href="/fcircle/"><i class="fa-fw iconfont icon-pengyouquan"></i><span> 朋友圈</span></a></li><li><a class="site-page child" href="/bb/"><i class="fa-fw iconfont icon-shejiao"></i><span> 哔哔</span></a></li></ul></div><div class="menus_item"><a class="site-page group hide" href="javascript:void(0);"><i class="fa-fw iconfont icon-fasong-"></i><span> 其它</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/update/"><i class="fa-fw iconfont icon-yuangongrizhi"></i><span> 日志</span></a></li><li><a class="site-page child" href="/agreement/"><i class="fa-fw iconfont icon-yinsixieyi"></i><span> 协议</span></a></li><li><a class="site-page child" href="/atom.xml" target="_blank"><i class="fa-fw iconfont icon-RSS"></i><span> RSS</span></a></li><li><a class="site-page child" href="/sitemap.xml" target="_blank"><i class="fa-fw iconfont icon-ditu"></i><span> Sitemap</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messageboard/"><i class="fa-fw iconfont icon-liuyanban"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-aixin"></i><span> 关于我</span></a></div></div><div id="buttons"><div id="switch-bg"><a class="site-page social-icon search" href="javascript:;" rel="noopener external nofollow" onclick="toggleWinbox()" title="切换背景-换一种感觉。"><i class="fas fa-images fa-fw"></i></a></div><div id="switch-darkmode"><a class="site-page social-icon" onclick="kk.switchDarkMode()" title="切换模式"><i class="fas fa-adjust fa-fw"></i></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></div></nav></header><main class="layout hide-aside" id="content-inner"><div class="transparentpage" id="page"><h1 class="page-title"></h1><div id="article-container"><!-- <p style="font-size: 3rem!important;font-weight: 700!important;text-align: center!important;padding-top: 70px;">~施工中~</p> -->
194
195<div id="about-page">
196 <style>
197@media screen and (max-width:600px){#page{padding:0 5px!important}}
198#about-page .author-box{position:relative;width:189px;height:189px;background:rgba(253,253,253,0.8);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
199#about-page .author-box::before{content:'';position:absolute;width:500px;height:500px;background-image:conic-gradient(transparent,transparent,transparent,#8758FF);animation:animate 4s linear infinite;animation-delay:-2s}
200#about-page .author-box::after{content:'';position:absolute;width:500px;height:500px;background-image:conic-gradient(transparent,transparent,transparent,#5CB8E4);animation:animate 4s linear infinite}
201#about-page .author-box span{position:absolute;inset:5px;border-radius:50%;background:rgba(253,253,253,0.8);z-index:1}
202#about-page .author-main{position:relative;display:flex;align-items: center;user-select: none;-khtml-user-select: none;-moz-user-select: none;}
203#about-page .author-main .image-dot{width:30px;height:30px;background:#6bdf8f;position:absolute;border-radius:50%;border:6px solid rgba(253,253,253,0.9);
203top:50%;left:50%;z-index:20;transform:translate(51px,54px)}
204#about-page .author-title{font-size:2.7rem;font-weight:700;margin-top:1px;letter-spacing:6px;-webkit-background-clip:text;background-image:linear-gradient(90deg,#2ca2b4,#5598de 24%,#7f87ff 45%,#f65aad 85%,#df80b4);background-clip:text;display:inline-block;color:transparent;text-stroke:2px #3fdaee;-webkit-text-stroke:1px #3fdaee}
205[data-theme=dark] 
206#about-page .author-title{text-stroke:1px #bccbe4;-webkit-text-stroke:1px #bccbe4}
207.author-content-item{width:49%;border-radius:24px;background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);position:relative;padding:1.5rem 2.5rem;overflow:hidden}
208#about-page .myInfoAndSayHello{display:flex;flex-direction:column;justify-content:center;color:var(--heo-white);background:linear-gradient(130deg,#3134f3cc 0,#00dbebcc 80%);background-size:200%;animation:gradient 15s ease infinite;width:59%}
209#about-page .myInfoAndSayHello .title1{opacity:.8;line-height:1.3}
210#about-page .myInfoAndSayHello .title2{font-size:36px;font-weight:700;line-height:1.1;margin:.5rem 0;font-family: STZhongsong,'Microsoft YaHei';}
211#about-page .myInfoAndSayHello .title1{opacity:.8;line-height:1.3}
212#about-page .myInfoAndSayHello .title3{opacity:.8;line-height:2;font-size:10px}
213#about-page .inline-word{word-break:keep-all;white-space:nowrap}
214.author-content-item .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}
215.aboutsiteTips h2{margin-right:auto;font-size:36px!important;font-family:Helvetica;line-height:1.06;letter-spacing:-.02em;color:var(--font-color);margin-top:0!important}
216.aboutsiteTips .mask{height:36px;position:relative;overflow:hidden;margin-top:4px}
217.aboutsiteTips .mask span:nth-child(1){background-image:linear-gradient(45deg,#0ecffe 50%,#07a6f1)}
218.aboutsiteTips .mask span{display:block;box-sizing:border-box;position:absolute;top:36px;padding-bottom:var(--offset);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat}
219.aboutsiteTips .mask span[data-up]{transform:translateY(-100%);transition:.5s transform ease-in-out}
220.aboutsiteTips .mask span:nth-child(2){background-image:linear-gradient(45deg,#18e198 50%,#0ec15d)}
221.aboutsiteTips .mask span:nth-child(3){background-image:linear-gradient(45deg,#8a7cfb 50%,#633e9c)}
222.aboutsiteTips .mask span:nth-child(4){background-image:linear-gradient(45deg,#fa7671 50%,#f45f7f)}
223#about-page .about-statistic{min-height:380px;width:39%;background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/tongji1.webp) no-repeat top;background-size:cover;color:rgb(255,253,253,0.92);overflow:hidden}
224#about-page .about-statisticc::after{box-shadow:0 -159px 173px 71px #0c1c2c inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}
225.author-content-item .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}
226.author-content-item .card-content .author-content-item-title{margin-bottom:.5rem;font-family: STZhongsong,'Microsoft YaHei';}
227.author-content-item .author-content-item-title{font-size:36px;font-weight:700;line-height:1;font-family: STZhongsong,'Microsoft YaHei';}
228.author-content-item-changjian{font-size:16px;font-weight:600;line-height:1}
229#about-page #statisticc{font-size:16px;border-radius:15px;width:100%;color:var(--heo-white);display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-top:1rem;margin-bottom:2rem}
230.post-tips{color:var(--heo-gray);font-size:14px;position:absolute;bottom:1rem;left:2rem}
231.author-content-item .card-content .banner-button-group{position:absolute;bottom:1.5rem;right:2rem}
232#about-page #statisticc div{display:flex;justify-content:space-between;flex-direction:column;width:50%;margin-bottom:.5rem}
233#about-page #statisticc div span:first-child{opacity:.8;font-size:.6rem}
234#about-page #statisticc div span:last-child{font-weight:700;font-size:34px;line-height:1;white-space:nowrap}
235.post-tips a{color:var(--heo-gray)!important;border:none!important}
236.author-content-item .card-content .banner-button-group .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center;background:rgba(255,253,253,0.9);color:var(--font-color)!important;text-decoration:none!important;display:flex;align-items:center;z-index:1;cursor:pointer}
237[data-theme=dark] 
238.author-content-item .card-content .banner-button-group .banner-button{background:#1d1b26ec}
239.author-content-item .card-content .banner-button-group .banner-button:hover{text-decoration:none!important;color:rgba(255,253,253,0.95)!important;background:linear-gradient(to bottom right,#0396ff,#abdcff)}
240.author-content-item .card-content .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}
241.author-content-item-group.column.mapAndInfo{width:59%}
242.author-content-item.map{background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/map1.webp) no-repeat center;min-height:200px;max-height:400px;position:relative;overflow:hidden;margin-bottom:.5rem;height:60%;border:1px;background-size:100%;transition:1s ease-in-out}
243.author-content-item.single{width:100%}
244.author-content-item.map .map-title,.author-content-item.myphoto .map-title{position:absolute;bottom:0;left:0;width:100%;background:var(--heo-maskbg);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(2px);-webkit-backdrop-filter:blur(20px);transition:1s ease-in-out;font-size:20px}
245.author-content-item.map .map-title b,.author-content-item.myphoto .map-title b{color:var(--font-color);font-weight:bolder;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
246.author-content-item.selfInfo{display:flex;min-height:100px;max-height:400px;justify-content:space-between;align-items:center;flex-wrap:wrap;height:-webkit-fill-available;height:40%}
247.author-content-item.selfInfo div{display:flex;flex-direction:column;margin:.5rem 2rem .5rem 0}
248.author-content-item.selfInfo .selfInfo-title{opacity:.8;font-size:.6rem;line-height:1;margin-bottom:8px}
249.author-content-item.selfInfo .selfInfo-content{font-weight:700;font-size:34px;line-height:1;font-family: STZhongsong,'Microsoft YaHei';}
250.author-content-item.map:hover{background-size:120%;transition:3s ease-in-out;background-position-x:80%;background-position-y:36%}
251.author-content-item.map:hover .map-title,.author-content-item.myphoto:hover .map-title{bottom:-100%}
252.author-content-item.myphoto:hover{background-size:150%;transition:3s ease-in-out;background-position-x:60%;background-position-y:20%}
253.author-content-item.ability{background:linear-gradient(60deg,#0f0408d0 0%,#043749d0 100%)}
254.skill{margin:0 auto}
255.skill li p{display:inline-block;width:auto;min-width:26%;max-width:30%;color:rgba(255,253,253,0.9);font-size:16px;padding:0;margin:0!important;transition-timing-function:cubic-bezier(.19,1,.22,1)}
256.skill li{list-style:none}
257.skill li .progress{display:inline-block;width:70%;height:3px;overflow:inherit;background-color:hsla(0,0%,100%,.2);vertical-align:middle}
258.skill li .progress div{background-color:#fff;height:3px;position:relative;animation:progressin 7s;-webkit-animation:progressin 7s;-ms-animation:progressin 7s;-moz-animation:progressin 7s}
259.skill li .progress span{font-size:12px;color:hsla(0,0%,100%,.4);opacity:0;position:relative;top:-5px;letter-spacing:.5em;transition:all .3s}
260.skill li .progress div:after{content:"";display:inline-block;position:absolute;right:-4px;top:-8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:3px solid #fff}
261.author-content-item .clear:after{content:"";display:block;height:0;visibility:hidden;clear:both}
262.skill li:hover .progress span{opacity:1;top:0}
263.author-content-item.myphoto{background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/blny.webp) no-repeat;height:60%;background-size:100%;transition:1s ease-in-out;position:relative;min-height:200px;max-height:400px;border:1px;overflow:hidden;width:45%}
264.author-content-item.maxim{font-size:36px;font-weight:700;line-height:1.1;display:flex;color:rgb(255,253,253,0.95);background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/4.webp) no-repeat;background-size:cover;align-items:flex-start;flex-direction:column;justify-content:center;width:53%}
265.author-content-item.maxim .maxim-title{display:flex;flex-direction:column;font-family: STZhongsong,'Microsoft YaHei';}
266.author-content-item.buff{height:200px;font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#ff27e8 0,#ff8000 100%);
266color:var(--heo-white);background-size:200%;animation:gradient 15s ease infinite;min-height:200px;height:fit-content;width:59%}
267.author-content-item.buff .card-content{display:flex;flex-direction:column;justify-content:center}
268.author-content-item.buff .buff-title{display:flex;flex-direction:column}
269.card-background-icon{font-size:12rem;opacity:.2;position:absolute;right:0;bottom:-40%;transform:rotate(30deg)}
270.author-content-item.game-lol{background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/sls1.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white);width:50%;border:1px}
271.author-content-item.game-lol::after{box-shadow:0 -69px 203px 8px #04120f inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}
272.author-content-item .content-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
273.author-content-item .content-bottom .icon-group{display:flex}
274.game-lol .content-bottom .icon-group i{display:inline-block;width:22px;height:18px;margin-right:.5rem}
275.icon-pos-mid{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVQ4ja3UzQ2AIAyG4RfjySVcxc3UzVjFJbziRfxBflrkS0hIkz4H2mCccwCwbwvy2PMAzMDdO4wGoFNgZfQRLSxCAfpEPdlQQFd/qXmKHHrVtbAI1cISdNLCUlQFq9EUbJWoh18JYUt5Tz+DiuUJN0NjcBM0hJuhIdwMhfdfUUInItNPJbfH1WgO/oUCHK48MCZZLMkWAAAAAElFTkSuQmCC")}
276.icon-pos-ys{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAASCAMAAAC6hxYCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAD8UExURUdwTOGyN6Hq7aLy9WHMMKPp7FfkvX6inaaulamGN/lYOlbmvA6z8Jbg6VnkvMVjNlO+NErS2FLquuJFN95ENlrjvKS9P6ju8Jfe5e5OOG3GMkSpNAjL90n2t5totZttr+xPOwHB/uQyLajh6LGIxIZUqQ3K8GDUKWTWvgW9+FTqumO6O63w7r1+07uGycaB55tntwCi/1HowACF/6b49/GxIQOG+dZAOd1FOKRrwQqR85vnLNylMs6VE8o4N5Z2HV3fvJJ1GQLe/w6l443bM5lhvriHGBi3Ko5vEJidyoDX8ZHpJduYDnJFmABq/9uG/6tq26p8CL1z9f7PQXYtp7kAAABLdFJOUwDEndnFgtAIFR37RVX7nyibH+eehIdVaMbXdkyh/opOtfb5VC74e/diy7IxM5huzK79/v2++8hUZ9OJ0IznQoxxX/otmva+9tCYcuD8NDIAAAQpSURBVEjHzVbZdqJAEG1A1qCALIKCirsY44q7xi2ZOQcSTfL//zINtIqYD5h6aJs6YF9u3boFAP9nTDfJDL+YTBZ8MvucSySenm5rPOhSv8gkkwXxl6P//qUfcpVKAszkM4xJApCevr/eWlLwI1nbOJRwLdU/XhKn/PlTSB7MfL2+frFJcioVIX69GMGYTEajz8/GHTlpHb/jwMpGm6xF33i57OofxSScfOJg9usdgPcv4T5ZqZTjGR5i4SOSRp9xfgi8lpZildpaVLSjrO2lXi+lWn/eK9JxfgqpAujkO2Kqo2kAiKkrN+s1WO3A2r/jR6mU5Sl7K+FoMIEF4PkDAOZoEOVJXScYicSrACd0HXGSyVrRzoJbdMK8+3Y+nQI4zNt8XguTnWZTTKVSx/wSrmLzIiHa9cHK91naX8f0I88qcmVaual5AdEsBjDaEmiPeFQnnCRBbgye8WoaVWyYVS01kpCaHSJyPurn3qkXbGvneQnRwzabTCef145aJ9+8CkhwMcwXVj7Yue83NJwsVyAg466Ai0G7DQHR0sCMErieI0h8nMNxkogyra3lZLKwSE/ZjGNtW2Gy/wEZYbqQFbr3/QYu3ZViRU8MaWLEi4BetZWLMSuAYWD984qSM47j5M3MMDgDVXBhIx1I5qANbBsxS+ZyBEGk8Sr+jMhRW1TGgfSoToZqqRE9b/WQ91631Dt9z68tnmKax/BfPLGApLP7wTSMhlgwF2juzy5MbiAOZaNMBZkz5OhdJnbj0q+mLZn2jbIxMSaq1ytqmFEpypEYh6LUzDAST70f/nR7tVrv+9LpYjMFmsuwal6h46UQHFcDPhaQA3EhOIrMlcHUgAtXns0iHg4hR3vbBLTNm23U5EGpxgSBkzqJyMsOh9RTy3FaT9RwmI1abv4SvkjQ7d3uBXhe9AqFJWwq9ngEUMyoWD/rAMuKwdyVhopV3nCCoIApxyqcIKPHDxJE07YhS3bDRs5DkNXxMzlmSPw5japFB27ccjKtwJdRb3RfAhy9wHHirix6sGIM6DAg71276N3dAX8l+BjmXnzGUJQZpEYw4E5W0DGQl8EC8HsTtNt71OhpPV0FOahiQk/HvFnNwFBjNgtFXDyd+nGDDrXshQruLL2bM9Nrn2Z9fwV89wKdNeSpLLMCO+OM8tUHYYPD/ubpQ3uPyMlVczmaJKs6XSWrscnVohyHaiWc//z9HXpz8SY0yIqngaW3jDse66/BbnVvg0pZmW0ESJESHztS+wBf7YoGSVlvpZODkcpkqOQkKr2dz/1iv96P38wcvSVEdBdCOCTuTVkolzdTQ4kP1oPJN8yGud8nRmj6IpsYcop6GN2AKdbrH8mRBbl5uJP9bYRC75neZw6NhmmajeTsz+mPXwiq+pCqlYr1/svj2drj0/RvHxj/R/wDmNh+TPJIpz8AAAAASUVORK5CYII=")}
277.game-wolf .content-bottom .icon-group i{display:inline-block;height:18px;margin-right:.5rem;width:143px}
278.icon-pos-dy{background:url("data:image/webp;base64,UklGRswBAABXRUJQVlA4WAoAAAAQAAAAFQAAEQAAQUxQSPQAAAAB5+KgjSRHuuqecOGfP92+QxEReRjxKaTEqw/FxMEqUlbowVdnS4wRppSK4vZFo2B12L+nRUa8gFjbtmlnfTvOR2zbdr5t7P7reE5KiOh/Yvs3kzhy50G8Tu6ww41HPGebW1gPgxiuKFa+hDmvV9y3F5iX2sB40h7ubT1j7KtIZtBLY6SvcFzpgfRImZwaASLNGxxzfZ3S0gu/dYy3QRxnQd3Mlzqh5XuWdIfrWka5JOMYH5/awXUoxztGsjvM4loZy66F2dVwAVe4JLuzyJkqUdzTVVmTdT6aU3glK7LWOFrFO1WV0Z7h70Re3/wn9nOABwAAVlA4ILIAAACwBQCdASoWABIAAAAAJZjbAPwAXID+AA1AroH4AfqrTgP4B+IG9/5wB/QMoA/UCVAAwo6eH9AA/v8e3//yV///k4P/kq3//8Kn+dRaGe4yayRzyHOnBYsf//uqmBUxxKdq/lxND/+dyv//wsr5HXg/m3J5HXk/+n1f/+GE/+qX7/8Th/9Ln/Pn37ZD/lzRvwhP/oef/nMg9DkxTTJVX8O4uvyTcpduZNQv6DQwybUAAAAA");}
279.icon-pos-sup{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZUlEQVQ4ja3TPUsdYRAF4GejXYSA2NgatQhYCl4Uy0BSGFPbClqIEvz4DeIHgtaSKoVlmggRUqQTOyFBRNFKG5WAiiBetNi5ZN1s7l3BgZedOXPm7O68M8mfk10NrAVLSCK+xywu6xU1N1LFBMZy2DHm6xW9KCH8uiT2ZOFxbGTijcDqWnO8fV3ay7x9
279wQpGIk7Cr+JTBs/aDUaTuLxefEV7AXEOi2iKuCq9vIUC7ik+YrvWih30YBVXOfJMiFbjNAWWtSushcY2j3t8jim8wjBuA/8sbdN0nJbABGc4aiZDAyQFczyIb3gpndkudOB75N/iCPvSnl/jPX5mRYqm4gy/wv+BQ1Qy+QoOIie4Z3mRogX5jX7pb+8F1pfJ1/w1bGEZd3mRolb8w4kvao34Am3SNv3XyizIm4yo8LsbFZUR7ivABp5DuFISe7JwVwHW+RzCQ/4uhPA/NCoqMxU1exfPzTLkBzctS76SprNHAAAAAElFTkSuQmCC")}
280.author-content-item.game-wolf{border:1px;width:56%;background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/end.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white)}
281.author-content-item.game-wolf::after{box-shadow:0 -69px 203px 4px #04120f inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}
282.author-content-item.like-technology{border:1px;background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/xp.webp) no-repeat;background-size:cover;min-height:230px;color:var(--heo-white)}
283.author-content-item.like-music{border:1px;background:url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/music.webp) no-repeat top;background-size:cover;min-height:400px;color:var(--heo-white);overflow:hidden}
284.author-content-item.like-music::after{box-shadow:0 -69px 203px 5px #e49fdec7 inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}
285.author-content-item.single.reward .author-content-item-description{font-size:16px;margin-top:.5rem}
286.author-content-item.single.reward .reward-list-all{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:1rem;margin-bottom:.5rem;margin-left:-.25rem;margin-right:-.25rem}
287.author-content-item.single.reward .reward-list-all .reward-list-item{position: relative;transition: 0.3s;overflow: hidden;padding:1rem;border-radius:12px;border:1px solid rgba(55,55,55,0.8);width:calc((100% / 6) - .5rem);margin:1px .25rem .5rem .25rem;box-shadow:var(--heo-shadow-border)}
288[data-theme="dark"]
289.author-content-item.single.reward .reward-list-all .reward-list-item{border:1px solid rgba(255,253,253,0.8)}
290.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-name{font-size:1rem;font-weight:700;line-height:1;margin-bottom:.5rem}
291.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-bottom-group{display:flex;align-items:center;justify-content:space-between}
292.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-money{padding:4px;background:var(--font-color);color:var(--card-bg);font-size:12px;line-height:1;border-radius:4px;margin-right:4px;white-space:nowrap}
293.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-time{font-size:12px;color:var(--heo-secondtext);white-space:nowrap}
294.author-content-item.single.reward .reward-list-updateDate{color:var(--heo-gray);font-size:14px}
295@media screen and (max-width:1300px){.author-content-item.selfInfo{height:70%}
296}@media screen and (max-width:1200px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 4) - .5rem)}
297}@media screen and (max-width:1150px){.author-content-item.myphoto{background-size:cover}
298}@media screen and (max-width:900px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 2) - .5rem)}
299}@media screen and (max-width:768px){.author-content-item{width:100%!important;margin-top:1rem;padding:1rem}
300.skill li{width:100%}
301.author-content-item.map,.author-content-item.myphoto{margin-bottom:0}
302.author-content-item-group.column{width:100%!important}
303.author-content-item.single.reward .reward-list-all .reward-list-item{width:100%}
304.author-content{margin-top:0}
305.author-content-item.map{background-size:cover}
306.like-technology .content-bottom,.like-music .content-bottom{margin-bottom:50px}
307.about-statistic .card-content .banner-button-group{bottom:2.3rem}
308}
309.chuckle-img{height:auto;display:flex;width:100%;justify-content:center;align-items:center;background:radial-gradient(circle at top center,#29323cd0,#1C1C1Cd4)}
310.chuckle-img .container{display:flex;width:90vw;max-width:auto;height:350px;overflow:hidden}
311.chuckle-img .item{position:relative;width:60px;margin:10px;cursor:pointer;border-radius:30px;background-size:cover;background-position:center;transition:0.5s cubic-bezier(0.05,0.61,0.41,0.95);overflow:hidden}
312.chuckle-img .item .shadow{position:absolute;bottom:0;left:0;right:0;height:100px;transition:0.5s cubic-bezier(0.05,0.61,0.41,0.95)}
313.chuckle-img .item .content{display:flex;position:absolute;
313left:10px;right:0;bottom:10px;height:40px;transition:0.5s cubic-bezier(0.05,0.61,0.41,0.95)}
314.chuckle-img .item .content .icon{min-width:40px;width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px}
315.chuckle-img .item:nth-child(1) .fa{color:#fc6e51}
316.chuckle-img .item:nth-child(2) .fa{color:#ffce54}
317.chuckle-img .item:nth-child(3) .fa{color:#2ecc71}
318.chuckle-img .item:nth-child(4) .fa{color:#5d9cec}
319.chuckle-img .item:nth-child(5) .fa{color:#ac92ec}
320.chuckle-img .item:nth-child(6) .fa{color:#363636}
321.chuckle-img .item .content .text{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:#fff;width:100%}
322.chuckle-img .item .content .text div{width:calc(100% - 70px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px;opacity:0;transition:opacity 0.5s ease-out}
323.chuckle-img .item .content .text .tit{font-weight:bold;font-size:18px}
324.chuckle-img .item .content .text .sub{transition-delay:0.1s}
325.chuckle-img .item.active{flex:1;margin:0;border-radius:40px}
326.chuckle-img .item.active .shadow{background:linear-gradient(to top,rgba(0,0,0,0.35) 65%,transparent)}
327.chuckle-img .item.active .content{bottom:20px;left:20px}
328.chuckle-img .item.active .content .text div{opacity:1}
329.reward-br{display: none;height: 0;}
330.reward-fenge{margin: 0 10px;}
331.reward-list-item .reward-list-bottom-group .reward-money-vip{background:#F0DC14!important;color:#363636!important;}
332.isFriends{position: absolute;right: 0;top:0;background: #49b1f5;color: #fff;font-size:14px;line-height: 1.8;padding: 0 8px;margin:0;border-radius: 0 12px 0 12px;}
333.reward-list-item>a{position: absolute;top: 0;right: 0;width: 100%;height: 100%;padding: 0!important;border-bottom: none!important;background: transparent!important;}
334.author-content-item.single.reward .reward-list-all .reward-list-item:hover{border: 1px solid #4976f5;}
335@media screen and (max-width:900px){.chuckle-img{display:none;}.reward-br{display: block;}.reward-fenge{display: none;}}
336.author-tag-left{
337        display: flex;
338    flex-direction: column;
339    align-items: flex-end;
340    margin-right: 30px;
341}
342.author-tag-left .author-tag:first-child,.author-tag-left .author-tag:last-child{
343        margin-right: -16px;
344}
345.author-tag-right .author-tag:first-child, .author-tag-right .author-tag:last-child{
346    margin-left: -16px;
347}
348.author-tag:nth-child(1){
349        animation-delay: 0s;
350}
351.author-tag:nth-child(2){
352    animation-delay: 0.6s;
353}
354.author-tag:nth-child(3){
355animation-delay: 1.2s;
356}
357.author-tag:nth-child(4){
358animation-delay: 1.8s;
359}
360.author-tag{
361        transform: translate(0,  -4px);
362    padding: 1px 8px;
363    background: var(--heo-card-bg);
364    border: var(--style-border-always);
365    border-radius: 40px;
366    margin-top: 6px;
367    font-size: 14px;
368    font-weight: bold;
369    box-shadow: var(--heo-shadow-lightblack);
370    animation: 6s ease-in-out 0s infinite normal none running floating;
371}
372.author-tag-right{
373        display: flex;
374    flex-direction: column;
375    align-items: flex-start;
376    margin-left: 30px;
377}
378@keyframes floating {
379  0% { transform: translate(0,  -4px); }
380  50%  { transform: translate(0, 4px); }
381  100%   { transform: translate(0, -4px); }   
382}
383@media screen and (max-width:550px){
384    .author-tag-left,.author-tag-right{
385        display:none;
386    }
387}
388</style>
389                <div class="author-main">
390                    <div class="author-tag-left">
391                        <span class="author-tag">💻 Like数码科技</span>
392                        <span class="author-tag">🥣 干饭魂 干饭人</span>
393                        <span class="author-tag">🕊 咕咕咕咕咕咕~</span>
394                        <span class="author-tag">🧱 CV工程师</span>
395                    </div>
396                    <div class="author-box">
397                        <span></span>
398                        <div class="author-img">
399                            <img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp" class="no-lightbox entered loaded">
400                        </div>
401                    </div>
402                    <div class="author-tag-right"> 
403                        <span class="author-tag">吃饭不如碎觉 💤</span>
404                        <span class="author-tag">乐观 积极 向上 🤝</span>
405                        <span class="author-tag">专攻各种困难 🔨</span>
406                        <span class="author-tag">人不狠话超多 💢</span>
407                    </div>
408                    <div class="image-dot"></div>
409                </div>
410                <div class="author-title">关于本站</div>
411                <div class="author-content">
412                    <div class="author-content-item myInfoAndSayHello">
413                        <div class="title1">这里~这里~</div>
414                        <div class="title2">网名 <span class="inline-word">轻笑Chuckle</span></div>
415                        <div class="title3">有了备案就是 <span class="inline-word">实名制上网啦QAQ</span></div>
416                        <div class="title1">是一只还在求学路上的 <span class="inline-word">大学生、个人博主</span></div>
417                    </div>
418                    <div class="aboutsiteTips author-content-item">
419                        <div class="author-content-item-tips">追求</div>
420                        <h2>源于<br>乐趣·兴趣<span class="inline-word"></span>
421                            <div class="mask"><span class="first-tips"
422                                    data-show="">技术</span><span>生活</span><span>程序</span><span data-up="">学习</span></div>
423                        </h2>
424                    </div>
425                </div>
426                <div class="author-content">
427                    <div class="about-statistic author-content-item">
428                        <div class="card-content">
429                            <div class="author-content-item-tips">数据</div>
430                            <span
431                                class="author-content-item-title">访问统计</span>
432                            <!-- <div id="statisticc"></div> -->
433                            <div id="statisticc"><div><span>今日人数:</span><span class="num">0</span></div><div><span>今日访问:</span><span class="num">0</span></div><div><span>昨日人数:</span><span class="num">0</span></div><div><span>昨日访问:</span><span class="num">0</span></div><div><span>本月访问:</span><span class="num">0</span></div><div><span>总访问量:</span><span class="num">107104</span></div></div>
434                            <div class="post-tips">统计信息来自 
435                            <a href="https://github.com/qxchuckle/qx-tracker"
436                                    target="_blank" rel="noopener nofollow">qx-tracker</a>
437                                    </div>
438                            <div class="banner-button-group"><a class="banner-button"
439                                    onclick="pjax.loadUrl(/charts/)" data-pjax-state=""><i
440                                        class="fas fa-circle-plus"></i><span class="banner-button-text">文章统计</span></a>
441                            </div>
442                        </div>
443                    </div>
444                    <div class="author-content-item-group column mapAndInfo">
445                        <div class="author-content-item map single"><span class="map-title">我现在住在 <b>中国,广东省</b></span>
446                        </div>
447                        <div class="author-content-item selfInfo single">
448                            <div><span class="selfInfo-title">生于</span><span class="selfInfo-content"
449                                    style="color:#43a6c6;font-family:'Microsoft YaHei';">2003</span></div>
450                            <div><span class="selfInfo-title">
450专业</span><span class="selfInfo-content"
451                                    style="color:#c69043">计算机科学与技术</span></div>
452                            <div><span class="selfInfo-title">现在职业</span><span class="selfInfo-content"
453                                    style="color:#b04fe6">大四学生</span></div>
454                        </div>
455                    </div>
456                </div>
457                <div class="author-content">
458                    <div class="author-content-item maxim">
459                        <div class="author-content-item-tips">个性签名</div><span class="maxim-title"><span
460                                style="opacity:.6;margin-bottom:8px">漫天倾尘,</span><span>风中轻笑。</span></span>
461                    </div>
462                    <!-- <div class="author-content-item myphoto"><span class="map-title">布洛妮娅·扎伊切克 <b>单推人</b><sup>冲鸭</sup></span></div> -->
463                    <div class="author-content-item myphoto"><span class="map-title">冲鸭</span></div>
464                </div>
465                <!-- <div class="author-content">
466                    <div class="author-content-item chuckle-img">
467                        <div class="container">
468                            <div class="item active" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/img3.webp);">
469                                <div class="shadow"></div>
470                                <div class="content">
471                                    <div class="icon">
472                                        <i class="fa fa-image"></i>
473                                    </div>
474                                    <div class="text">
475                                        <div class="tit">这是标题</div>
476                                        <div class="sub">这是一段描述</div>
477                                    </div>
478                                </div>
479                            </div>
480                            <div class="item" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/blny.webp);">
481                                <div class="shadow"></div>
482                                <div class="content">
483                                    <div class="icon">
484                                        <i class="fa fa-image"></i>
485                                    </div>
486                                    <div class="text">
487                                        <div class="tit">这是标题</div>
488                                        <div class="sub">这是一段描述</div>
489                                    </div>
490                                </div>
491                            </div>
492                            <div class="item" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/img3.webp);">
493                                <div class="shadow"></div>
494                                <div class="content">
495                                    <div class="icon">
496                                        <i class="fa fa-image"></i>
497                                    </div>
498                                    <div class="text">
499                                        <div class="tit">这是标题</div>
500                                        <div class="sub">这是一段描述</div>
501                                    </div>
502                                </div>
503                            </div>
504                            <div class="item" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/blny.webp);">
505                                <div class="shadow"></div>
506                                <div class="content">
507                                    <div class="icon">
508                                        <i class="fa fa-image"></i>
509                                    </div>
510                                    <div class="text">
511                                        <div class="tit">这是标题</div>
512                                        <div class="sub">这是一段描述</div>
513                                    </div>
514                                </div>
515                            </div>
516                            <div class="item" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/img3.webp);">
517                                <div class="shadow"></div>
518                                <div class="content">
519                                    <div class="icon">
520                                        <i class="fa fa-image"></i>
521                                    </div>
522                                    <div class="text">
523                                        <div class="tit">这是标题</div>
524                                        <div class="sub">这是一段描述</div>
525                                    </div>
526                                </div>
527                            </div>
528                            <div class="item" style="background-image: url(https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/blny.webp);">
529                                <div class="shadow"></div>
530                                <div class="content">
531                                    <div class="icon">
532                                        <i class="fa fa-image"></i>
533                                    </div>
534                                    <div class="text">
535                                        <div class="tit">这是标题</div>
536                                        <div class="sub">这是一段描述</div>
537                                    </div>
538                                </div>
539                            </div>
540                        </div>
541                    </div>
542                </div> -->
543                <!-- <div class="author-content">
544                    <div class="author-content-item game-lol">
545                        <div class="card-content">
546                            <div class="author-content-item-tips">爱好游戏</div><span
547                                class="author-content-item-title">英雄联盟</span>
548                            <div class="content-bottom">
549                                <div class="icon-group"><i class="icon-pos-mid"></i><i class="icon-pos-dy"></i><i class="icon-pos-sup"></i></div>
550                                <div class="tips">艾欧尼亚</div>
551                            </div>
552                        </div>
553                    </div>
554                    <div class="author-content-item game-wolf">
555                        <div class="card-content">
556                            <div class="author-content-item-tips">爱好游戏</div><span
557                                class="author-content-item-title">崩坏三·原神</span>
558                            <div class="content-bottom">
559                                <div class="icon-group"><i class="icon-pos-ys"></i></div>
560                                <div class="tips">虽然已退坑</div>
561                                <div class="tips">UID 134905576</div>
562                            </div>
563                        </div>
564                    </div>
565                </div> -->
566                <div class="author-content">
567                    <div class="author-content-item like-technology">
568                        <div class="card-content">
569                            <div class="author-content-item-tips">关注偏好</div><span
570                                class="author-content-item-title">数码科技</span>
571                            <div class="content-bottom">
572                                <div class="tips">手机、电脑软硬件,退役搞机er</div>
573                            </div>
574                            <div class="banner-button-group"><a class="banner-button" target="_blank"
575                                    href="http://www.coolapk.com/u/4137393"><i
576                                        class="fas fa-circle-plus"></i><span class="banner-button-text">酷安</span></a>
577                            </div>
578                        </div>
579                    </div>
580                    <!-- <div class="author-content-item like-music">
581                        <div class="card-content">
582                            <div class="author-content-item-tips">音乐偏好</div><span
583                                class="author-content-item-title">ACG、华语流行</span><span
584                                class="author-content-item-changjian">关注 三无、漆柚、蛀牙、Hanser、祈lnory……</span>
585                            <div class="content-bottom">
586                                <div class="tips">跟 轻笑Chuckle 在音乐中漫游</div>
587                            </div>
588                            <div class="banner-button-group"><a class="banner-button"
589                                    onclick="pjax.loadUrl(/music/)" data-pjax-state=""><i
590                                        class="fas fa-circle-plus"></i><span class="banner-button-text">音乐页</span></a>
591                            </div>
592                        </div>
593                    </div> -->
594                    <div class="author-content-item game-lol">
595                        <div class="card-content">
596                            <div class="author-content-item-tips">爱好游戏</div><span
597                                class="author-content-item-title">英雄联盟</span>
598                            <div class="content-bottom">
599                                <div class="icon-group"><i class="icon-pos-mid"></i><i class="icon-pos-dy"></i><i class="icon-pos-sup"></i></div>
600                                <div class="tips">艾欧尼亚</div>
601                            </div>
602                        </div>
603                    </div>
604                </div>
605                <div class="author-content">
606                    <div class="create-site-post author-content-item single">
607                        <div class="author-content-item-tips">心路历程</div><span
608                            class="author-content-item-title">为什么建站</span>
609                        <p>以前尝试过搭自己的网站,但当时技术力低,视野不够广阔,互联网也未进入新时代,最终无果而终。</p>
610                        <p>如今建此站,一方面是记录自己的学习与生活,另一方面,是在这日新月异的互联网上,留下一点点的足迹。当然,作为一个计科专业的人来说,也理应有一个博客。<strong>日月忽其不淹兮,春与秋其代序</strong>,此地也会成为回忆之所。
611                        <p>这是我所做的,感到快乐的事。</p>
612                        </p>
613                        <p>这是一个个人博客,亦是一叶轻舟,欢迎在互联网上的旅人来此做客,与各位交流和分享。</p>
614                    </div>
615                </div>
616                <div class="author-content" id="about-reward">
617                    <div class="author-content-item single reward">
618                        <div class="author-content-item-tips">致谢</div><span
619                            class="author-content-item-title">投喂名单</span>
620                        <div class="author-content-item-description">感谢~维持此互联网中的一叶轻舟
621                        </div>
622                        <div class="reward-list-all">
623                            <div class="reward-list-item">
624                                <a href="https://blog.itciraos.cn/" target="_blank">
625                                    <div class="isFriends">友链</div>
626                                </a>
627                                <div class="reward-list-item-name">葱苓</div>
628                                <div class="reward-list-bottom-group">
629                                    <div class="reward-list-item-money">Â¥ 5</div><time
630                                        class="datatime reward-list-item-time"
631                                        datetime="2022-10-13T00:00:00.000Z">
6312024-08-04</time>
632                                </div>
633                            </div>
634                            <div class="reward-list-item">
635                                <a href="https://blog.zerolacqua.top/" target="_blank">
636                                    <div class="isFriends">友链</div>
637                                </a>
638                                <div class="reward-list-item-name">丘卡</div>
639                                <div class="reward-list-bottom-group">
640                                    <div class="reward-list-item-money reward-money-vip">Â¥ 20</div><time
641                                        class="datatime reward-list-item-time"
642                                        datetime="2023-05-19T00:00:00.000Z">2023-05-19</time>
643                                </div>
644                            </div>
645                            <div class="reward-list-item">
646                                <div class="reward-list-item-name">*天</div>
647                                <div class="reward-list-bottom-group">
648                                    <div class="reward-list-item-money">Â¥ 1</div><time
649                                        class="datatime reward-list-item-time"
650                                        datetime="2023-03-15T00:00:00.000Z">2023-03-15</time>
651                                </div>
652                            </div>
653                            <div class="reward-list-item">
654                                <a href="https://www.startly.cn/" target="_blank">
655                                    <div class="isFriends">友链</div>
656                                </a>
657                                <div class="reward-list-item-name">Cartafi</div>
658                                <div class="reward-list-bottom-group">
659                                    <div class="reward-list-item-money reward-money-vip">Â¥ 30</div><time
660                                        class="datatime reward-list-item-time"
661                                        datetime="2023-02-07T00:00:00.000Z">2023-02-07</time>
662                                </div>
663                            </div>
664                            <div class="reward-list-item">
665                                <div class="reward-list-item-name">*欣</div>
666                                <div class="reward-list-bottom-group">
667                                    <div class="reward-list-item-money">Â¥ 2</div><time
668                                        class="datatime reward-list-item-time"
669                                        datetime="2023-02-06T00:00:00.000Z">2023-02-06</time>
670                                </div>
671                            </div>
672                            <div class="reward-list-item">
673                                <div class="reward-list-item-name">v*y</div>
674                                <div class="reward-list-bottom-group">
675                                    <div class="reward-list-item-money">Â¥ 1</div><time
676                                        class="datatime reward-list-item-time"
677                                        datetime="2023-02-05T00:00:00.000Z">2023-02-05</time>
678                                </div>
679                            </div>
680                            <div class="reward-list-item">
681                                <a href="https://www.startly.cn/" target="_blank">
682                                    <div class="isFriends">友链</div>
683                                </a>
684                                <div class="reward-list-item-name">Cartafi</div>
685                                <div class="reward-list-bottom-group">
686                                    <div class="reward-list-item-money reward-money-vip">Â¥ 30</div><time
687                                        class="datatime reward-list-item-time"
688                                        datetime="2023-02-01T00:00:00.000Z">2023-02-01</time>
689                                </div>
690                            </div>
691                            <div class="reward-list-item">
692                                <div class="reward-list-item-name">*帆(新年快乐)</div>
693                                <div class="reward-list-bottom-group">
694                                    <div class="reward-list-item-money">Â¥ 6.66</div><time
695                                        class="datatime reward-list-item-time"
696                                        datetime="2023-01-22T00:00:00.000Z">2023-01-22</time>
697                                </div>
698                            </div>
699                            <div class="reward-list-item">
700                                <div class="reward-list-item-name">哈哈哈哈哈</div>
701                                <div class="reward-list-bottom-group">
702                                    <div class="reward-list-item-money reward-money-vip">Â¥ 10</div><time
703                                        class="datatime reward-list-item-time"
704                                        datetime="2023-01-22T00:00:00.000Z">2023-01-22</time>
705                                </div>
706                            </div>
707                            <div class="reward-list-item">
708                                <a href="https://www.startly.cn/" target="_blank">
709                                    <div class="isFriends">友链</div>
710                                </a>
711                                <div class="reward-list-item-name">Cartafi</div>
712                                <div class="reward-list-bottom-group">
713                                    <div class="reward-list-item-money">Â¥ 8.88</div><time
714                                        class="datatime reward-list-item-time"
715                                        datetime="2023-01-21T00:00:00.000Z">2023-01-21</time>
716                                </div>
717                            </div>
718                            <div class="reward-list-item">
719                                <a href="https://www.startly.cn/" target="_blank">
720                                    <div class="isFriends">友链</div>
721                                </a>
722                                <div class="reward-list-item-name">Cartafi</div>
723                                <div class="reward-list-bottom-group">
724                                    <div class="reward-list-item-money reward-money-vip">Â¥ 20</div><time
725                                        class="datatime reward-list-item-time"
726                                        datetime="2023-01-20T00:00:00.000Z">2023-01-20</time>
727                                </div>
728                            </div>
729                            <div class="reward-list-item">
730                                <a href="https://www.startly.cn/" target="_blank">
731                                    <div class="isFriends">友链</div>
732                                </a>
733                                <div class="reward-list-item-name">Cartafi</div>
734                                <div class="reward-list-bottom-group">
735                                    <div class="reward-list-item-money reward-money-vip">Â¥ 30</div><time
736                                        class="datatime reward-list-item-time"
737                                        datetime="2023-01-06T00:00:00.000Z">2023-01-06</time>
738                                </div>
739                            </div>
740                            <div class="reward-list-item">
741                                <div class="reward-list-item-name">Zerol Acqua</div>
742                                <div class="reward-list-bottom-group">
743                                    <div class="reward-list-item-money reward-money-vip">Â¥ 10</div><time
744                                        class="datatime reward-list-item-time"
745                                        datetime="2022-11-19T00:00:00.000Z">2022-11-19</time>
746                                </div>
747                            </div>
748                            <div class="reward-list-item">
749                                <div class="reward-list-item-name">f*p</div>
750                                <div class="reward-list-bottom-group">
751                                    <div class="reward-list-item-money">Â¥ 0.02</div><time
752                                        class="datatime reward-list-item-time"
753                                        datetime="2022-10-24T00:00:00.000Z">2022-10-24</time>
754                                </div>
755                            </div>
756                            <div class="reward-list-item">
757                                <div class="reward-list-item-name">*听</div>
758                                <div class="reward-list-bottom-group">
759                                    <div class="reward-list-item-money">Â¥ 1</div><time
760                                        class="datatime reward-list-item-time"
761                                        datetime="2022-10-22T00:00:00.000Z">2022-10-22</time>
762                                </div>
763                            </div>
764                            <div class="reward-list-item">
765                                <a href="https://blog.itciraos.cn/" target="_blank">
766                                    <div class="isFriends">友链</div>
767                                </a>
768                                <div class="reward-list-item-name">葱苓</div>
769                                <div class="reward-list-bottom-group">
770                                    <div class="reward-list-item-money reward-money-vip">Â¥ 10</div><time
771                                        class="datatime reward-list-item-time"
772                                        datetime="2022-10-13T00:00:00.000Z">2022-10-13</time>
773                                </div>
774                            </div>
775                            <div class="reward-list-item">
776                                <div class="reward-list-item-name">RoversX</div>
777                                <div class="reward-list-bottom-group">
778                                    <div class="reward-list-item-money reward-money-vip">Â¥ 10</div><time
779                                        class="datatime reward-list-item-time"
780                                        datetime="2022-09-20T00:00:00.000Z">2022-09-20</time>
781                                </div>
782                            </div>
783                        </div>
784                        <div class="reward-list-updateDate">
785                        最新更新时间:<time class="datatime reward-list-updateDate-time">
7852024-08-04</time></div>
786                        <div class="post-reward"><button class="tip-button reward-button"><span class="tip-button__text">投 喂</span><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a class="about-reward" arget="_blank"><img class="post-qr-code-img" loading="lazy" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/blog/pay/weixin.webp" alt="微信"></a><div class="post-qr-code-desc">微信</div></li><li class="reward-item"><a class="about-reward" target="_blank"><img class="post-qr-code-img" loading="lazy" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/blog/pay/alipay.webp" alt="支付宝"></a><div class="post-qr-code-desc">支付宝</div></li></ul></div></button></div>
787                    </div>
788                </div>
789            </div>
790
791<script>
792  var pursuitInterval = null;
793  pursuitInterval = setInterval(function () {
794    const show = document.querySelector('span[data-show]')
795    const next = show.nextElementSibling || document.querySelector('.first-tips')
796    const up = document.querySelector('span[data-up]')
797    if (up) {
798      up.removeAttribute('data-up')
799    }
800    show.removeAttribute('data-show')
801    show.setAttribute('data-up', '')
802    next.setAttribute('data-show', '')
803  }, 2000)
804  document.addEventListener('pjax:send', function(){
805  clearInterval(pursuitInterval);
806});
807</script>
vendor: 1 bytes, line 807
807
808<script>
809fetch('https://tracker-api.qcqx.cn/api/stats').then(res => res.json()).then((data) => {
810    let s = document.querySelector('#statisticc')
811    console.log(data)
812    let html = ''
813    html += `<div><span>今日人数:</span><span class="num">${data.today.visitors}</span></div>`
814    html += `<div><span>今日访问:</span><span class="num">${data.today.visitCount}</span></div>`
815    html += `<div><span>昨日人数:</span><span class="num">${data.yesterday.visitors}</span></div>`
816    html += `<div><span>昨日访问:</span><span class="num">${data.yesterday.visitCount}</span></div>`
817    html += `<div><span>本月访问:</span><span class="num">${data.month.visitCount}</span></div>`
818    html += `<div><span>总访问量:</span><span class="num">${107104 + data.total.visitCount}</span></div>`
819    s.innerHTML = html
820});
821
822// if(1){
823// let items=document.querySelectorAll('.item');
824// function setActive(){
825//     items.forEach((item)=>{
826//         item.classList.remove('active');
827//     })
828//     this.classList.add('active');
829// }
830// items.forEach((item)=>{
831//     item.addEventListener('click',setActive);
832// })
833// }
834</script>
834
835
836</div></div></main><footer id="footer" style="background: rgba(0, 0, 0, 0);"><div id="footer-wrap"><div id="footer_icon"><div class="icon_left"><a class="icon_link" target="_blank" href="http://foreverblog.cn/go.html" rel="noopener external nofollow" title="虫洞-随机访问十年之约成员博客"><i class="fa-solid fa-circle-notch fa-fw"></i></a><a class="icon_link" target="_blank" href="https://travellings.cn" rel="noopener external nofollow" title="开往-随机跳转到另一个加入开往的网页"><i class="fa-solid fa-subway fa-fw"></i></a><a class="icon_link" href="/link/" title="友链"><i class="fa-solid fa-link fa-fw"></i></a><a class="icon_link" href="/messageboard/" title="留言"><i class="fa-regular fa-comment fa-fw"></i></a></div><img class="footer_logo entered loaded" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/head.webp" onclick="btf.scrollToDest(0,500)" title="返回顶部"/><div class="icon_left"><a class="icon_link" target="_blank" rel="noopener" href="https://www.qcqx.cn/" title="我的主页"><i class="fa-solid fa-compass fa-fw"></i></a><a class="icon_link" target="_blank" href="https://res.abeim.cn/api/qq/?qq=1934009145" rel="noopener external nofollow" title="联系QQ"><i class="fa-brands fa-qq fa-fw"></i></a><a class="icon_link" target="_blank" href="https://github.com/qxchuckle" rel="noopener external nofollow" title="我的Github主页"><i class="fa-brands fa-github fa-fw"></i></a><a class="icon_link" href="mailto:[email protected]" rel="noopener external nofollow" title="邮件联系"><i class="fa-solid fa-envelope fa-fw"></i></a></div></div><div class="copyright">&copy;2022 - 2026 By 『轻笑Chuckle』<a id="beianhao" style="color:#fff;font-size:0.9rem;font-weight:400;" href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2022076449号</a></div><div class="footer_custom_text">『Another branch will grow and flourish in the future』</div><div class="footer-banner"><div id="footer-banner-time"><span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
836<script>if(! (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))){
837function createtime() {
838var now = new Date();
839var grt= new Date("03/10/2022 00:00:00");
840now.setTime(now.getTime()+1000);
841days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
842hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
843if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
844mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
845seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
846snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
847document.getElementById("timeDate").innerHTML = "自 2022-3-10 建站以来,小站已苟活 "+dnum+" 天 ";
848document.getElementById("times").innerHTML = hnum + " 时 " + mnum + " 分 ( =•ω•= )m";
849}
850createtime();
851if(typeof footer_time == "undefined"){
852  var footer_time = setInterval("createtime()",1000*60);
853}else{
854  clearInterval(footer_time);
855  footer_time = setInterval("createtime()",1000*60);
856}
857}
858</script>
858</div></div><p id="ghbdages"><a class="github-badge" target="_blank" href="https://hexo.io/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/hexo.svg"/></a><a class="github-badge" target="_blank" href="https://butterfly.js.org/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/butterfly.svg"/></a><a class="github-badge" target="_blank" href="https://github.com/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/github.svg"/></a><a class="github-badge" target="_blank" href="https://icp.gov.moe/?keyword=20220160" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/20220160.svg"/></a><a class="github-badge" target="_blank" href="https://beian.miit.gov.cn/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/2022076449.svg"/></a><a class="github-badge" target="_blank" href="https://cloud.tencent.com/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/tx.svg"/></a><a class="github-badge" target="_blank" href="https://vercel.com/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/vercel.svg"/></a><a class="github-badge" target="_blank" href="https://tianli-blog.club/jsd/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/tianlicdn.svg"/></a><a class="github-badge" target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&amp;utm_medium=referral" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/ypy.svg"/></a><a class="github-badge" target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" style="margin-inline:5px"><img src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/img/cc.svg"/></a></p></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="refresh-cache" type="button" title="刷新缓存" onclick="refreshCache()"><i class="fas fa-refresh fa-spin"></i></button><button id="enlargePage-btn" type="button" title="放大页面" onclick="enlargePage()"><i class="fa fa-plus"></i></button><button id="narrowPage-btn" type="button" title="缩小页面" onclick="narrowPage()"><i class="fa fa-minus"></i></button><button type="button" title="切换背景" onclick="toggleWinbox()"><i class="fa fa-images"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="share-link" type="button" title="分享链接"><i class="fa fa-share-alt"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i><span id="percent">0<span>%</span></span></button></div></div><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">本地搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div></div></div><div id="search-mask"></div></div><div id="rightMenu"><div class="rightMenu-group rightMenu-small"><div class="rightMenu-item" id="menu-backward"><i class="fa-solid fa-arrow-left"></i></div><div class="rightMenu-item" id="menu-forward"><i class="fa-solid fa-arrow-right"></i></div><div class="rightMenu-item" id="menu-refresh"><i class="fa-solid fa-arrow-rotate-right"></i></div><div class="rightMenu-item" id="menu-top"><i class="fa fa-angles-up"></i></div></div><div class="rightMenu-group rightMenu-line hide" id="menu-text"><a class="rightMenu-item" href="javascript:kk.copySelect();"><i class="fa fa-copy"></i><span>复制</span></a><a class="rightMenu-item" href="javascript:window.open(&quot;https://www.baidu.com/s?wd=&quot;+window.getSelection().toString());window.location.reload();"><i class="fa fa-magnifying-glass"></i><span>百度搜索</span></a></div><div class="rightMenu-group rightMenu-line hide" id="menu-read"><a class="rightMenu-item" href="javascript:kk.pasteText();"><i class="fa fa-paste"></i><span>粘贴</span></a></div><div class="rightMenu-group rightMenu-line"><a class="rightMenu-item" id="menu-radompage" href="/"><i class="fa-solid fa-shoe-prints"></i><span>博客主页</span></a><div class="rightMenu-item" id="menu-darkmode"><i class="fa-solid fa-adjust"></i><span>昼夜切换</span></div><div class="rightMenu-item" id="share-chuckle"><i class="fa fa-share-alt"></i><span>分享本页</span></div><a class="rightMenu-item" id="menu-radompage" href="/categories/"><i class="fa fa-archive"></i><span>分类</span></a><a class="rightMenu-item" id="menu-radompage" href="/tags/"><i class="fa fa-tags"></i><span>标签</span></a></div></div><div id="rightmenu-mask" onclick="RemoveRightMenu()"></div><div>
858<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/utils.js"></script>
858<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/main.js?6"></script>
858<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
858<script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script>
858<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script>
858<script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script>
858<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/search/local-search.js?2"></script>
858<script async="async">var preloader = {
859  endLoading: () => {
860    document.body.style.overflow = 'auto';
861    document.getElementById('loading-box').classList.add("loaded")
862  },
863  initLoading: () => {
864    document.body.style.overflow = '';
865    document.getElementById('loading-box').classList.remove("loaded")
866
867  }
868}
869window.addEventListener('load',preloader.endLoading())
870setTimeout(function(){preloader.endLoading();}, 2500);</script>
870<div class="js-pjax"></div>
870<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/qx-tracker.min.js?1"></script>
870<script>const tracker = new Tracker({requestUrl:'https://tracker-api.qcqx.cn/api/tracker',historyTracker:true,realTime:true});</script>
870<script defer="true" src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/random.min.js?14"></script>
870<script defer="true" src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/chuckle.js?15"></script>
870<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/chuckle-post-ai.js?11"></script>
870<script defer>new ChucklePostAI({el:'#post>#article-container',key:'tN2jLmG7fX9zHk5dVbQr',title_el:'.post-title',rec_method:'web',whitelist:['article/17d3383a.html'],pjax:true})</script>
870<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/pjax.min.js"></script>
870<script>let pjaxSelectors = ["title","#config-diff","#body-wrap","#fixedcard-dashboard","#rightside-config-hide","#rightside-config-show",".js-pjax"]
871
872var pjax = new Pjax({
873  elements: 'a:not([target="_blank"])',
874  selectors: pjaxSelectors,
875  cacheBust: false,
876  analytics: false,
877  scrollRestoration: false
878})
879
880document.addEventListener('pjax:send', function () {
881
882  // removeEventListener scroll 
883  window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
884  window.scrollCollect && window.removeEventListener('scroll', scrollCollect)
885
886  typeof preloader === 'object' && preloader.initLoading()
887  document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
888  
889  if (window.aplayers) {
890    for (let i = 0; i < window.aplayers.length; i++) {
891      if (!window.aplayers[i].options.fixed) {
892        window.aplayers[i].destroy()
893      }
894    }
895  }
896
897  typeof typed === 'object' && typed.destroy()
898
899  //reset readmode
900  const $bodyClassList = document.body.classList
901  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')
902
903})
904
905document.addEventListener('pjax:complete', function () {
906  window.refreshFn()
907
908  document.querySelectorAll('script[data-pjax]').forEach(item => {
909    const newScript = document.createElement('script')
910    const content = item.text || item.textContent || item.innerHTML || ""
911    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
912    newScript.appendChild(document.createTextNode(content))
913    item.parentNode.replaceChild(newScript, item)
914  })
915
916  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()
917
918  typeof chatBtnFn === 'function' && chatBtnFn()
919  typeof panguInit === 'function' && panguInit()
920
921  // google analytics
922  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});
923
924  // baidu analytics
925  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);
926
927  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
928
929  // prismjs
930  typeof Prism === 'object' && Prism.highlightAll()
931
932  typeof preloader === 'object' && preloader.endLoading()
933})
934
935document.addEventListener('pjax:error', (e) => {
936  if (e.request.status === 404) {
937    pjax.loadUrl('/404.html')
938  }
939})</script>
939<div id="fixedcard-dashboard"><div class="fixedcard-user-avatar fixedcard-activebtn" onclick="RemoveFixedCardWidget()"><img class="fixedcard-user-avatar-img" src= "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="/head.webp" title="『轻笑Chuckle』"></div></div></div><!-- hexo injector body_end start -->
939<script data-pjax>function hope_light_loader_injector_config(){
940                var parent_div_git = document.getElementById('body-wrap');
941                var item_html = '<div id="loading-bar-wrapper">';
942                // parent_div_git.innerHTML=item_html+parent_div_git.innerHTML // 无报错,但不影响使用(支持pjax跳转)
943                parent_div_git.insertAdjacentHTML("afterbegin",item_html) // 有报错,但不影响使用(支持pjax跳转)
944            }if( document.getElementById('body-wrap') && (location.pathname ==='all'|| 'all' ==='all')){
945            hope_light_loader_injector_config()
946        } </script>
946
947    
947<script src="https://cdn.jsdelivr.net/gh/qxchuckle/qxchuckle.github.io/js/nprogress.min.js"></script>
947
948    
948<script>NProgress.configure({parent:"#loading-bar-wrapper",trickleSpeed: 100})</script>
948</div>
949    
949<script data-pjax>
950      window.ShowLoading = function() {
951        NProgress.start();
952      };
953      window.HideLoading = function() {
954        NProgress.done();
955      }
956      document.addEventListener('pjax:send', window.ShowLoading)
957      document.addEventListener('pjax:success', window.HideLoading)
958      document.addEventListener('pjax:error', window.HideLoading)
959    </script>
959
960<!-- hexo injector body_end end --></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.