PageSourceSearch

https://bili33.top/charts/

html bili33.top collected 2026-10-03 19:23:11 UTC 55,418 bytes, 196 lines download raw bytes

1<!DOCTYPE html><html lang="zh-CN" data-theme="light" data-color-mode="light" data-accent="lumine"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="generator" content="Astro v7.3.1"> <meta name="description" content="站点统计与趋势面板">  <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <meta name="theme-color" content="#f3d08b" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#0a0a0f" media="(prefers-color-scheme: dark)"> <meta name="author" content="GamerNoTitle"> <link rel="icon" href="https://assets.bili33.top/img/AboutMe/logo-mini.png" type="image/png" sizes="128x128"> <link rel="icon" href="https://assets.bili33.top/img/AboutMe/logo-mini.128w.webp" type="image/webp" sizes="128x128"> <link rel="icon" href="https://assets.bili33.top/img/AboutMe/logo-mini.128w.avif" type="image/avif" sizes="128x128"> <link rel="canonical" href="https://bili33.top/charts/">  <link rel="dns-prefetch" href="https://assets.bili33.top"> <link rel="preconnect" href="https://assets.bili33.top" crossorigin>  <title>Charts | GamerNoTitle</title> <meta property="og:title" content="Charts | GamerNoTitle"> <meta property="og:description" content="站点统计与趋势面板"> <meta property="og:type" content="website"> <meta property="og:url" content="https://bili33.top/charts/"> <meta property="og:image" content="https://assets.bili33.top/img/Top-img/80567870_p0.png"> <meta property="og:site_name" content="GamerNoTitle"> <meta property="og:locale" content="zh-CN">     <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Charts | GamerNoTitle"> <meta name="twitter:description" content="站点统计与趋势面板"> <meta name="twitter:image" content="https://assets.bili33.top/img/Top-img/80567870_p0.png"> 
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"GamerNoTitle","url":"https://bili33.top","description":"The blog of a fameless developer & CTFer. Tech Otakus Save the World.","inLanguage":"zh-CN"}</script>
1 <link rel="alternate" type="application/rss+xml" title="GamerNoTitle" href="https://bili33.top/rss.xml">  <style>:root{--accent-soft:#f7e6bc;--accent:#f3d08b;--accent-strong:#dfb765;--accent-contrast:#594117}html[data-accent='lumine']{--accent-soft:#f7e6bc;--accent:#f3d08b;--accent-strong:#dfb765;--accent-contrast:#594117}html[data-accent='columbia']{--accent-soft:#c8d5f0;--accent:#687cd3;--accent-strong:#4a5eb8;--accent-contrast:#1e2a5c}html[data-accent='skirk']{--accent-soft:#c8d5ff;--accent:#748fff;--accent-strong:#5270e8;--accent-contrast:#1a2d6e}html[data-accent='furina']{--accent-soft:#d4e8f7;--accent:#94c7ec;--accent-strong:#6ab0de;--accent-contrast:#1e4a6a}html[data-accent='citlali']{--accent-soft:#f0d4e4;--accent:#d99fc2;--accent-strong:#c47da8;--accent-contrast:#5c2d4a}</style>  <style id="hero-credit-hide">.hero-credit{display:none!important}</style> 
1<script type="c7f2da9fc4c26e11dea49e31-text/javascript">(function(){const lowMemoryGB = 4;
2const lowCpuThreads = 4;
3const mobileMaxWidth = 767;
4const slowEffectiveTypes = ["slow-2g","2g","3g"];
5const accentStorageKey = "lumine-accent";
6const customAccentStorageKey = "lumine-custom-accent";
7const colorModeStorageKey = "lumine-color-mode";
8
9  const root = document.documentElement;
10  const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
11  const deviceMemory = Number(navigator.deviceMemory || 0);
12  const hardwareConcurrency = Number(navigator.hardwareConcurrency || 0);
13  const lowMemoryDevice = deviceMemory > 0 && deviceMemory <= lowMemoryGB;
14  const dataSaverEnabled = Boolean(connection?.saveData);
15  const slowNetworkTypes = new Set(slowEffectiveTypes);
16  const slowNetwork = dataSaverEnabled || slowNetworkTypes.has(connection?.effectiveType || '');
17  const constrainedMobile = window.matchMedia(`(max-width: ${mobileMaxWidth}px)`).matches
18    && hardwareConcurrency > 0
19    && hardwareConcurrency <= lowCpuThreads;
20
21  if (slowNetwork) root.dataset.network = 'slow';
22  if (lowMemoryDevice || dataSaverEnabled || constrainedMobile) {
23    root.dataset.performance = 'low';
24  }
25  const storedAccent = localStorage.getItem(accentStorageKey);
26  const customAccent = localStorage.getItem(customAccentStorageKey);
27  const storedColorMode = localStorage.getItem(colorModeStorageKey) || root.dataset.colorMode || 'light';
28
29  const hexToRgb = (hex) => {
30    const normalized = hex.replace('#', '');
31    const full = normalized.length === 3
32      ? normalized.split('').map((char) => char + char).join('')
33      : normalized;
34
35    const value = Number.parseInt(full, 16);
36    return {
37      r: (value >> 16) & 255,
38      g: (value >> 8) & 255,
39      b: value & 255,
40    };
41  };
42
43  const mixColor = (hex, target, ratio) => {
44    const source = hexToRgb(hex);
45    const end = hexToRgb(target);
46    const blend = (from, to) => Math.round(from + (to - from) * ratio);
47    return `rgb(${blend(source.r, end.r)}, ${blend(source.g, end.g)}, ${blend(source.b, end.b)})`;
48  };
49
50  const applyCustomAccent = (hex) => {
51    if (!hex) return;
52    root.style.setProperty('--accent', hex);
53    root.style.setProperty('--accent-soft', mixColor(hex, '#ffffff', 0.72));
54    root.style.setProperty('--accent-strong', mixColor(hex, '#000000', 0.18));
55    root.style.setProperty('--accent-contrast', mixColor(hex, '#000000', 0.58));
56  };
57
58  const resolveMode = (mode) => {
59    if (mode === 'system') {
60      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
61    }
62    return mode;
63  };
64
65  const applyColorMode = (mode) => {
66    const resolved = resolveMode(mode);
67    root.dataset.colorMode = mode;
68    root.dataset.theme = resolved;
69    document.dispatchEvent(new CustomEvent('lumine:color-mode-updated', { detail: resolved }));
70  };
71
72  if (storedAccent) root.dataset.accent = storedAccent;
73  if ((storedAccent === 'custom' || !storedAccent) && customAccent) {
74    root.dataset.accent = 'custom';
75    applyCustomAccent(customAccent);
76  }
77
78  applyColorMode(storedColorMode);
79
80  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
81    if ((localStorage.getItem(colorModeStorageKey) || root.dataset.colorMode) === 'system') {
82      applyColorMode('system');
83    }
84  });
85
86  document.addEventListener('lumine:set-color-mode', (event) => {
87    const mode = event.detail;
88    if (typeof mode !== 'string') return;
89    localStorage.setItem(colorModeStorageKey, mode);
90    applyColorMode(mode);
91  });
92
93  window.addEventListener('load', () => {
94    document.getElementById('hero-credit-hide')?.remove();
95  });
96})();</script>
96 
96<script type="c7f2da9fc4c26e11dea49e31-text/javascript">
97  (() => {
98    const globalState = globalThis;
99    if (globalState.__lumineImageFallbackBound) return;
100    globalState.__lumineImageFallbackBound = true;
101
102    const failPermanently = (image) => {
103      image.dataset.imageFormat = 'failed';
104      image.removeAttribute('srcset');
105      if (image.dataset.imageHideOnError === 'true') image.style.display = 'none';
106    };
107
108    const advanceFallback = (image) => {
109      const stage = image.dataset.imageFormat || '';
110
111      if (stage === 'avif-srcset' && image.dataset.avifSrc) {
112        image.dataset.imageFormat = 'avif';
113        image.removeAttribute('srcset');
114        image.src = image.dataset.avifSrc;
115        return true;
116      }
117
118      const webpSrcset = image.dataset.activeWebpSrcset || image.dataset.webpSrcset || '';
119      const webpSrc = image.dataset.webpSrc || '';
120      if ((stage === 'avif-srcset' || stage === 'avif') && (webpSrcset || webpSrc)) {
121        image.dataset.imageFormat = webpSrcset ? 'webp-srcset' : 'webp';
122        image.srcset = webpSrcset;
123        if (image.dataset.imageSizes) image.sizes = image.dataset.imageSizes;
124        if (webpSrc) image.src = webpSrc;
125        return true;
126      }
127
128      if (stage === 'webp-srcset' && webpSrc) {
129        image.dataset.imageFormat = 'webp';
130        image.removeAttribute('srcset');
131        image.src = webpSrc;
132        return true;
133      }
134
135      const fallbackSrc = image.dataset.fallbackSrc || '';
136      if (stage !== 'original' && fallbackSrc && image.src !== fallbackSrc) {
137        image.dataset.imageFormat = 'original';
138        image.removeAttribute('srcset');
139        image.src = fallbackSrc;
140        return true;
141      }
142
143      failPermanently(image);
144      return false;
145    };
146
147    globalState.__lumineAdvanceImageFallback = advanceFallback;
148    document.addEventListener('error', (event) => {
149      const image = event.target;
150      if (!(image instanceof HTMLImageElement)) return;
151      if (!image.dataset.imageFormat && !image.dataset.fallbackSrc) return;
152      advanceFallback(image);
153    }, true);
154  })();
155</script>
155<link rel="stylesheet" href="/_astro/BaseLayout.Cozupn9g.css"><style>.archive-page-shell{padding-top:calc(var(--nav-height) + 1.5rem)}.archive-group{border-radius:var(--card-radius);border:1px solid var(--page-border);background:var(--page-surface);box-shadow:0 20px 46px #2f3b5612}.archive-item{background:#ffffff94;border:1px solid #2f3b560f;border-radius:1.45rem;grid-template-columns:1fr auto auto;align-items:center;gap:1.1rem;padding:1rem 1.1rem;display:grid}.archive-item:hover{border-color:color-mix(in srgb, var(--accent) 38%, white);transform:translateY(-1px)}.archive-item:hover h3{color:var(--accent-contrast)}.archive-item-compact{grid-template-columns:1fr auto}.archive-item-meta{color:var(--page-muted);margin-top:.4rem;font-size:.88rem}.archive-item-arrow{color:var(--accent-contrast);justify-self:end;font-size:1.35rem}html[data-theme=dark] .archive-group{background:var(--page-surface);border-color:var(--page-border);box-shadow:none}html[data-theme=dark] .archive-item{background:color-mix(in srgb, var(--page-surface) 90%, white);border-color:var(--page-border)}html[data-theme=dark] .archive-item-meta{color:var(--page-muted)}@media (width<=1024px){.archive-item{grid-template-columns:1fr}}
156.charts-panel{border-radius:var(--card-radius);border:1px solid var(--page-border);background:var(--page-surface);box-shadow:0 20px 46px #2f3b5612}.charts-grid{gap:1.25rem;display:grid}.charts-summary-grid{gap:1rem;display:grid}.charts-summary-card{background:#fff9;border:1px solid #2f3b560f;border-radius:1.4rem;padding:1rem 1.1rem}.charts-summary-value{color:var(--page-ink);margin-top:.25rem;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:800}.charts-bars{flex-direction:column;gap:.82rem;display:flex}.charts-bar-row{grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;gap:.9rem;display:grid}.charts-bar-track{background:#2f3b5614;border-radius:999px;
156height:.85rem;overflow:hidden}.charts-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;height:100%}.charts-tag-cloud{flex-wrap:wrap;gap:.7rem;display:flex}.charts-tag-pill{background:color-mix(in srgb, var(--accent-soft) 62%, white);color:var(--accent-contrast);border:1px solid #2f3b5614;border-radius:999px;align-items:center;gap:.55rem;padding:.62rem .92rem;display:inline-flex}.charts-mini-grid{gap:.9rem;display:grid}.charts-mini-card{background:#ffffff8c;border-radius:1.2rem;padding:.95rem 1rem}.charts-panel .rounded-\[1\.4rem\]{color:var(--page-ink);font-weight:500}.charts-panel .rounded-\[1\.4rem\] div{color:inherit}html[data-theme=dark] .charts-panel,html[data-theme=dark] .charts-summary-card,html[data-theme=dark] .charts-mini-card{background:var(--page-surface);border-color:var(--page-border);box-shadow:none}html[data-theme=dark] .charts-tag-pill{background:color-mix(in srgb, var(--page-surface) 90%, white);border-color:var(--page-border)}html[data-theme=dark] .charts-mini-card{color:var(--page-ink)}@media (width<=1024px){.charts-bar-row{grid-template-columns:5rem minmax(0,1fr) auto;gap:.5rem}}@media (width<=768px){.charts-summary-grid,.charts-mini-grid{grid-template-columns:1fr}}@media (width>=1024px){.charts-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.charts-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.charts-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=dark] .charts-date-card[data-astro-cid-txtuv7sf]{color:#f1f5f9b8;background:#12121ceb;border-color:#ffffff1a;box-shadow:0 18px 42px #00000047}
157</style><link rel="stylesheet" href="/_astro/prose.Ch58Bl4Q.css"></head> <body> <div class="site-loader" data-site-loader aria-hidden="true" data-loader-min-duration="180" data-loader-timeout="1200"> <div class="site-loader-particles site-loader-particles-background" data-site-loader-particles="background"></div> <div class="site-loader-particles site-loader-particles-foreground" data-site-loader-particles="foreground"></div> <div class="site-loader-glow site-loader-glow-left"></div> <div class="site-loader-glow site-loader-glow-right"></div> <div class="site-loader-center"> <div class="site-loader-card"> <div class="site-loader-badge">Now Loading</div> <div class="site-loader-core"> <div class="site-loader-circle"></div> <div class="site-loader-line-mask"> <div class="site-loader-line"></div> </div> <div class="site-loader-logo-mark" aria-hidden="true"> <span class="site-loader-avatar-shell"> <img src="https://assets.bili33.top/img/AboutMe/logo-mini.avif" srcset="https://assets.bili33.top/img/AboutMe/logo-mini.128w.avif 128w, https://assets.bili33.top/img/AboutMe/logo-mini.256w.avif 256w" sizes="56px" data-avif-src="https://assets.bili33.top/img/AboutMe/logo-mini.avif" data-avif-srcset="https://assets.bili33.top/img/AboutMe/logo-mini.128w.avif 128w, https://assets.bili33.top/img/AboutMe/logo-mini.256w.avif 256w" data-webp-src="https://assets.bili33.top/img/AboutMe/logo-mini.webp" data-webp-srcset="https://assets.bili33.top/img/AboutMe/logo-mini.128w.webp 128w, https://assets.bili33.top/img/AboutMe/logo-mini.256w.webp 256w" data-image-sizes="56px" data-image-format="avif-srcset" data-fallback-src="https://assets.bili33.top/img/AboutMe/logo-mini.png" alt loading="eager" fetchpriority="high" decoding="async" referrerpolicy="no-referrer" class="site-loader-avatar" width="56" height="56"> </span> </div> </div> <div class="site-loader-copy"> <p class="site-loader-title">GamerNoTitle</p> <p class="site-loader-subtitle"> <ruby class="site-loader-ruby">
158少女祈祷中
159<rt>しょうじょきとうちゅう</rt> </ruby> </p> <div class="site-loader-progress-track" aria-hidden="true"> <span class="site-loader-progress-bar"></span> </div> </div> </div> </div> </div> 
159<script type="c7f2da9fc4c26e11dea49e31-text/javascript">(function(){const loaderTimeoutMs = 1200;
160const removeTransitionMs = 750;
161
162  (() => {
163    const loader = document.querySelector('[data-site-loader]');
164    if (!(loader instanceof HTMLElement)) return;
165
166    const timeout = Number(loader.dataset.loaderTimeout) || loaderTimeoutMs;
167    window.setTimeout(() => {
168      if (!loader.isConnected) return;
169      loader.classList.add('is-hidden');
170      window.setTimeout(() => loader.remove(), removeTransitionMs);
171    }, timeout);
172  })();
173})();</script>
173 <div class="page-glow page-glow-left"></div> <div class="page-glow page-glow-right"></div> <header class="site-nav site-nav-floating"> <div class="site-nav-shell site-nav-segmented"> <a href="/" class="nav-brand" aria-label="GamerNoTitle 首页"> <span class="nav-brand-icon"> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 10.2 12 3l9 7.2v9.3a1.5 1.5 0 0 1-1.5 1.5h-4.8v-6.6h-5.4V21H4.5A1.5 1.5 0 0 1 3 19.5Z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="M8.4 21v-6.6h7.2V21" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg> </span> <span>GamerNoTitle</span> </a> <nav class="nav-links"> <div class="nav-slider" id="nav-slider"></div> <a href="/" class="nav-link "> Home </a><a href="/archive" class="nav-link "> Archive </a><div class="nav-item-dropdown nav-item-dropdown-active"> <button type="button" class="nav-link nav-dropdown-trigger nav-link-active" data-dropdown-trigger> <span>Explore</span> <svg class="size-3.5 nav-link-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m6.5 9.5 5.5 5 5.5-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <div class="nav-submenu"> <a href="/charts" class="nav-submenu-link nav-submenu-link-active"> Charts </a><a href="/gacha" class="nav-submenu-link "> Gacha </a><a href="/achievements" class="nav-submenu-link "> Achievements </a><a href="/link" class="nav-submenu-link "> Links </a><a href="/console" class="nav-submenu-link "> Console </a><a href="https://moment.bili33.top/" class="nav-submenu-link " target="_blank" rel="noreferrer"> Moments </a> </div> </div><div class="nav-item-dropdown "> <button type="button" class="nav-link nav-dropdown-trigger " data-dropdown-trigger> <span>About</span> <svg class="size-3.5 nav-link-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m6.5 9.5 5.5 5 5.5-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <div class="nav-submenu"> <a href="/about" class="nav-submenu-link "> Me </a><a href="/devices" class="nav-submenu-link "> Devices </a><a href="https://legacy.bili33.top/" class="nav-submenu-link " target="_blank" rel="noreferrer"> Legacy (Desperated) </a> </div> </div> </nav> <div class="nav-actions"> <button type="button" class="nav-action-button" id="open-search-button" aria-label="搜索文章"> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="m16 16 4.2 4.2" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> <span class="hidden xl:inline">Search</span> </button> <div class="theme-palette" data-theme-palette data-default-accent="lumine" data-pointer-trail-default="true" data-pointer-trail-config="{&quot;enabled&quot;:true,&quot;lifetimeMs&quot;:560,&quot;width&quot;:7,&quot;pointSpacing&quot;:2.5,&quot;maxPoints&quot;:144,&quot;opacity&quot;:0.78}" data-cursor-config="{&quot;enabled&quot;:true,&quot;scriptUrl&quot;:&quot;https://cdn.jsdelivr.net/npm/[email protected]/dist/ani-cursor.bundle.min.js&quot;,&quot;baseUrl&quot;:&quot;https://assets.bili33.top/cursors/&quot;,&quot;files&quot;:{&quot;default&quot;:&quot;arrow.ani&quot;,&quot;pointer&quot;:&quot;link.ani&quot;}}"> <button type="button" class="theme-palette-button" aria-haspopup="true" aria-expanded="false" aria-label="切换主题色" data-palette-button> <span class="theme-palette-rings" aria-hidden="true"> <span class="theme-palette-ring ring-1"></span> <span class="theme-palette-ring ring-2"></span> <span class="theme-palette-ring ring-3"></span> </span> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3.2c-4.97 0-9 3.62-9 8.08 0 4.15 3.48 7.52 7.78 7.52h1.68c.65 0 1.18.5 1.18 1.12 0 .96.81 1.74 1.8 1.74 3.86 0 6.98-2.82 6.98-6.3 0-6.7-5.28-12.16-11.42-12.16Z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><circle cx="8" cy="11" r="1.1" fill="currentColor"/><circle cx="11.5" cy="8.2" r="1.1" fill="currentColor"/><circle cx="15.8" cy="8.9" r="1.1" fill="currentColor"/><circle cx="17.2" cy="12.9" r="1.1" fill="currentColor"/></svg> </button> <div class="theme-palette-panel" data-palette-panel> <div class="theme-palette-panel-header"> <div> <p class="theme-palette-panel-eyebrow">
173Accent</p> <p class="theme-palette-panel-title">Theme Color</p> </div> <span class="theme-palette-current" data-current-accent-label>Lumine</span> </div> <div class="theme-palette-grid"> <button type="button" class="theme-swatch" data-accent-option="lumine" data-accent-label="Lumine" aria-label="切换到 Lumine" title="Lumine" style="--swatch-color:#f3d08b;"> <span class="theme-swatch-core"></span> </button><button type="button" class="theme-swatch" data-accent-option="columbia" data-accent-label="Columbia" aria-label="切换到 Columbia" title="Columbia" style="--swatch-color:#687cd3;"> <span class="theme-swatch-core"></span> </button><button type="button" class="theme-swatch" data-accent-option="skirk" data-accent-label="Skirk" aria-label="切换到 Skirk" title="Skirk" style="--swatch-color:#748fff;"> <span class="theme-swatch-core"></span> </button><button type="button" class="theme-swatch" data-accent-option="furina" data-accent-label="Furina" aria-label="切换到 Furina" title="Furina" style="--swatch-color:#94c7ec;"> <span class="theme-swatch-core"></span> </button><button type="button" class="theme-swatch" data-accent-option="citlali" data-accent-label="Citlali" aria-label="切换到 Citlali" title="Citlali" style="--swatch-color:#d99fc2;"> <span class="theme-swatch-core"></span> </button> <button type="button" class="theme-swatch theme-swatch-custom" data-open-custom-accent aria-label="自定义主题色" title="自定义主题色"> <span class="theme-swatch-custom-preview" data-custom-accent-preview></span> </button> </div> <div class="theme-palette-custom-row"> <span class="text-sm text-base-content/60">Custom</span> <button type="button" class="theme-palette-custom-trigger" data-open-custom-accent> <span data-custom-accent-value>#f3d08b</span> <span>Pick</span> </button> </div> <div class="theme-palette-divider"></div> <div class="theme-palette-toggle-row"> <span class="text-sm text-base-content/60">鼠标拖尾</span> <button type="button" class="theme-palette-toggle" data-pointer-trail-toggle role="switch" aria-checked="true" aria-label="切换鼠标拖尾特效"> <span class="theme-palette-toggle-track"> <span class="theme-palette-toggle-thumb"></span> </span> </button> </div> <div class="theme-palette-toggle-row"> <span class="text-sm text-base-content/60">自定义指针</span> <button type="button" class="theme-palette-toggle" data-cursor-toggle role="switch" aria-checked="true" aria-label="切换自定义鼠标指针"> <span class="theme-palette-toggle-track"> <span class="theme-palette-toggle-thumb"></span> </span> </button> </div> </div> <input id="custom-accent-picker" class="sr-only" type="color" value="#f3d08b" aria-label="选择自定义主题色"> </div> 
173<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/ThemePalette.astro_astro_type_script_index_0_lang.B70yUyXw.js"></script>
173 <div class="theme-mode-control" data-theme-mode data-theme-modes="[&quot;light&quot;,&quot;dark&quot;,&quot;system&quot;]" data-default-mode="light"> <button type="button" class="theme-mode-button" aria-haspopup="true" aria-expanded="false" aria-label="切换明暗主题" data-theme-mode-button> <span class="theme-mode-icon" data-theme-mode-icon> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.1" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M12 2.8v2.4M12 18.8v2.4M21.2 12h-2.4M5.2 12H2.8M18.5 5.5l-1.7 1.7M7.2 16.8l-1.7 1.7M18.5 18.5l-1.7-1.7M7.2 7.2 5.5 5.5" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </span> </button> <div class="theme-mode-menu" data-theme-mode-menu> <button type="button" class="theme-mode-option" data-theme-mode-option="light"> <span class="theme-mode-option-icon"> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.1" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M12 2.8v2.4M12 18.8v2.4M21.2 12h-2.4M5.2 12H2.8M18.5 5.5l-1.7 1.7M7.2 16.8l-1.7 1.7M18.5 18.5l-1.7-1.7M7.2 7.2 5.5 5.5" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </span> <span>Light</span> </button><button type="button" class="theme-mode-option" data-theme-mode-option="dark"> <span class="theme-mode-option-icon"> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 3.4a8.7 8.7 0 1 0 5.9 14.8A9 9 0 0 1 14.7 3.4Z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg> </span> <span>Dark</span> </button><button type="button" class="theme-mode-option" data-theme-mode-option="system"> <span class="theme-mode-option-icon"> <svg class="size-4" viewBox="0 0 24 24" aria-hidden="true"><rect x="3.5" y="5.5" width="17" height="11.5" rx="2" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M9 20.5h6M12 17v3.5" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </span> <span>System</span> </button> </div> </div> 
173<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/ThemeModeToggle.astro_astro_type_script_index_0_lang.-RI6M3si.js"></script>
173 <button type="button" class="nav-mobile-menu-button" id="mobile-menu-button" aria-label="菜单"> <svg class="size-5" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </button> </div> </div> </header> <div class="nav-mobile-overlay" id="mobile-menu-overlay"></div> <div class="nav-mobile-panel" id="mobile-menu-panel"> <div class="nav-mobile-header"> <span class="text-lg font-bold">菜单</span> <button type="button" class="nav-mobile-close" id="mobile-menu-close" aria-label="关闭菜单"> <svg class="size-5" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </button> </div> <nav class="nav-mobile-links"> <a href="/" class="nav-mobile-link "> Home </a><a href="/archive" class="nav-mobile-link "> Archive </a><div class="nav-mobile-dropdown nav-mobile-dropdown-active"> <button type="button" class="nav-mobile-link nav-mobile-dropdown-trigger nav-mobile-link-active" data-mobile-dropdown-trigger> <span>Explore</span> <svg class="size-4 nav-mobile-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m6.5 9.5 5.5 5 5.5-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <div class="nav-mobile-submenu"> <a href="/charts" class="nav-mobile-submenu-link nav-mobile-submenu-link-active"> Charts </a><a href="/gacha" class="nav-mobile-submenu-link "> Gacha </a><a href="/achievements" class="nav-mobile-submenu-link "> Achievements </a><a href="/link" class="nav-mobile-submenu-link "> Links </a><a href="/console" class="nav-mobile-submenu-link "> Console </a><a href="https://moment.bili33.top/" class="nav-mobile-submenu-link " target="_blank" rel="noreferrer"> Moments </a> </div> </div><div class="nav-mobile-dropdown "> <button type="button" class="nav-mobile-link nav-mobile-dropdown-trigger " data-mobile-dropdown-trigger> <span>About</span> <svg class="size-4 nav-mobile-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m6.5 9.5 5.5 5 5.5-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <div class="nav-mobile-submenu"> <a href="/about" class="nav-mobile-submenu-link "> Me </a><a href="/devices" class="nav-mobile-submenu-link "> Devices </a><a href="https://legacy.bili33.top/" class="nav-mobile-submenu-link " target="_blank" rel="noreferrer"> Legacy (Desperated) </a> </div> </div> </nav> </div> 
173<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/Navbar.astro_astro_type_script_index_0_lang.okr8rnju.js"></script>
173 <main>  <section class="mx-auto max-w-7xl px-4 pt-10 sm:px-6 lg:px-8" data-astro-cid-txtuv7sf> <div class="reveal charts-panel p-8" data-astro-cid-txtuv7sf> <p class="text-sm uppercase tracking-[0.28em] text-base-content/50" data-astro-cid-txtuv7sf>Charts</p> <div class="mt-3 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between" data-astro-cid-txtuv7sf> <div class="min-w-0 max-w-3xl" data-astro-cid-txtuv7sf> <div class="charts-intro-prose prose-post page-prose" data-astro-cid-txtuv7sf> <h1 id="lumine-dashboard">Lumine Dashboard</h1>
174<p>将时光凝练成数据,把创作转化为图表。这里记录着我与这个数字空间共度的每一个活跃瞬间。</p> </div> </div> <div class="charts-date-card rounded-[1.4rem] border border-white/60 bg-white/55 px-4 py-4 text-sm text-base-content/62" data-astro-cid-txtuv7sf> <div data-astro-cid-txtuv7sf>Start Date: 2019/06/30</div> <div class="mt-1" data-astro-cid-txtuv7sf>Latest Post: 2026/09/01</div> </div> </div> </div> <div class="mt-8 charts-summary-grid" data-astro-cid-txtuv7sf> <div class="reveal charts-summary-card" style="--reveal-delay:0.08s;" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Posts</p> <p class="charts-summary-value" data-astro-cid-txtuv7sf>145</p> </div> <div class="reveal charts-summary-card" style="--reveal-delay:0.12s;" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Words</p> <p class="charts-summary-value" data-astro-cid-txtuv7sf>415,546</p> </div> <div class="reveal charts-summary-card" style="--reveal-delay:0.16s;" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Average Read</p> <p class="charts-summary-value" data-astro-cid-txtuv7sf>11 min</p> </div> <div class="reveal charts-summary-card" style="--reveal-delay:0.2s;" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Runtime</p> <p id="site-runtime-days-charts" data-start-date="2019-07-01T00:00:00+08:00" class="charts-summary-value" data-astro-cid-txtuv7sf>-</p> </div> </div> <div class="mt-8 charts-grid" data-astro-cid-txtuv7sf> <div class="space-y-6" data-astro-cid-txtuv7sf> <section class="reveal charts-panel p-6" style="--reveal-delay:0.24s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Posts by Year</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>8 years</span> </div> <div class="charts-bars mt-5" data-astro-cid-txtuv7sf> <div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2026</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:17.94871794871795%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>7</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2025</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:58.97435897435898%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>23</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2024</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:53.84615384615385%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>21</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2023</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:33.33333333333333%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>13</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2022</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:100%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>39</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2021</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:20.51282051282051%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>8</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>2020</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:58.97435897435898%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>23</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>
1742019</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:28.205128205128204%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>11</span> </div> </div> </section> <section class="reveal charts-panel p-6" style="--reveal-delay:0.28s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Top Tags</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>16 tags</span> </div> <div class="charts-tag-cloud mt-5" data-astro-cid-txtuv7sf> <span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#CTF</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>41</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Tech</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>36</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Software</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>22</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#diary</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>11</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Python</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>10</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Coding</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>10</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Script</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>6</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#CCSSSC</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>5</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Diary</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>5</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Host</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>5</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Cloudflare</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>4</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Github</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>4</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Customize</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>4</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Games</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>3</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Valine</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>3</span> </span><span class="charts-tag-pill" data-astro-cid-txtuv7sf> <span data-astro-cid-txtuv7sf>#Windows</span> <span class="text-sm opacity-70" data-astro-cid-txtuv7sf>3</span> </span> </div> </section> <section class="reveal charts-panel p-6" style="--reveal-delay:0.32s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Categories</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>8 in focus</span> </div> <div class="charts-bars mt-5" data-astro-cid-txtuv7sf> <div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>Tech</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:100%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>
17473</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>CTF</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:53.42465753424658%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>39</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>Misc</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:23.28767123287671%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>17</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>Coding</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:13.698630136986301%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>10</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>MATLAB</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:2.73972602739726%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>2</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>Diary</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:1.36986301369863%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>1</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>IoT</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:1.36986301369863%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>1</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="truncate text-sm text-base-content/62" data-astro-cid-txtuv7sf>Games</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:1.36986301369863%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>1</span> </div> </div> </section> </div> <div class="space-y-6" data-astro-cid-txtuv7sf> <section class="reveal charts-panel p-6" style="--reveal-delay:0.26s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Site View</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>Busuanzi</span> </div> <div class="mt-5 charts-mini-grid" data-astro-cid-txtuv7sf> <div class="charts-mini-card" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Unique Visitors</p> <p id="busuanzi_value_site_uv" class="mt-2 text-3xl font-extrabold" data-astro-cid-txtuv7sf>-</p> </div> <div class="charts-mini-card" data-astro-cid-txtuv7sf> <p class="text-sm text-base-content/52" data-astro-cid-txtuv7sf>Page Views</p> <p id="busuanzi_value_site_pv" class="mt-2 text-3xl font-extrabold" data-astro-cid-txtuv7sf>-</p> </div> </div> </section> <section class="reveal charts-panel p-6" style="--reveal-delay:0.3s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Active Months</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>Top 6</span> </div> <div class="charts-bars mt-5" data-astro-cid-txtuv7sf> <div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>6 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:100%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>16</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>4 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:93.75%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>15</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>11 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:93.75%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>15</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>7 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:81.25%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>13</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>8 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:81.25%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>13</span> </div><div class="charts-bar-row" data-astro-cid-txtuv7sf> <span class="text-sm text-base-content/62" data-astro-cid-txtuv7sf>10 月</span> <div class="charts-bar-track" data-astro-cid-txtuv7sf> <div class="charts-bar-fill" style="width:81.25%" data-astro-cid-txtuv7sf></div> </div> <span class="text-sm font-medium" data-astro-cid-txtuv7sf>13</span> </div> </div> </section> <section class="reveal charts-panel p-6" style="--reveal-delay:0.34s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Longest Posts</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>By word count</span> </div> <div class="mt-5 space-y-3" data-astro-cid-txtuv7sf> <a href="/posts/MoeCTF2024-Writeup" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>MoeCTF2024 个人Writeup</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2024/10/10 · 20,088 words · 77 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/NewStarCTF2024-Writeup" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>NewStarCTF2024 个人Writeup</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2024/10/22 · 18,442 words · 71 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/CTF-CCSSSC2025-National-Finals" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>第十八届软件系统安全赛 CCSSSC 2025 全国总决赛复盘(旅行日记)</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>
1742025/05/25 · 17,066 words · 66 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/CTF-GBACC2025-Preliminary-Round-Writeup" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>【Volcania】2025 湾区杯初赛 Writeup</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2025/09/10 · 16,797 words · 65 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/Valorant-Shop-with-API" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>利用ValorantAPI开发商店查询网站</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2023/05/10 · 14,178 words · 55 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a> </div> </section> <section class="reveal charts-panel p-6" style="--reveal-delay:0.38s;" data-astro-cid-txtuv7sf> <div class="flex items-center justify-between gap-4" data-astro-cid-txtuv7sf> <h2 class="text-2xl font-bold" data-astro-cid-txtuv7sf>Recently Updated</h2> <span class="text-sm text-base-content/50" data-astro-cid-txtuv7sf>Latest 5</span> </div> <div class="mt-5 space-y-3" data-astro-cid-txtuv7sf> <a href="/posts/play-hoyo-games-on-mac-and-linux" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>游戏折腾记录:在 Mac 和 Linux 玩米游</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2026/09/01 · 2,219 words · 9 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/Unlimited-Email-with-Custom-Domain" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>利用购买的域名创建无限临时邮箱</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2026/07/27 · 626 words · 2 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/My-First-Experience-on-iPhone-and-iOS" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>iPhone 17/iOS 26 初体验</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2026/06/17 · 2,860 words · 11 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/CTF-CCSSSC2026-Regional-Semi-Finals" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>第十九届软件系统安全赛 CCSSSC 2026 华南区域赛复盘(旅行日记)</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2026/04/19 · 10,093 words · 39 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a><a href="/posts/CTF-CCSSSC2026-Preliminary-round-Writeup" class="archive-item archive-item-compact" data-astro-cid-txtuv7sf> <div class="min-w-0" data-astro-cid-txtuv7sf> <h3 class="truncate font-semibold" data-astro-cid-txtuv7sf>第十九届 2026 软件系统安全赛华南赛区(CCSSSC2026)个人 Writeup</h3> <p class="archive-item-meta" data-astro-cid-txtuv7sf>2026/03/16 · 3,128 words · 12 min</p> </div> <span class="archive-item-arrow" aria-hidden="true" data-astro-cid-txtuv7sf>&gt;</span> </a> </div> </section> </div> </div> </section>  </main> <footer class="mx-auto mt-20 max-w-7xl px-4 pb-10 text-sm text-base-content/60 sm:px-6 lg:px-8"> <div class="rounded-[2rem] border border-white/60 bg-base-100 px-6 py-6 shadow-lg shadow-black/5"> <div class="flex flex-col gap-4 text-center md:text-left">  <div class="flex flex-col gap-2 md:flex-row md:items-center md:justify-between"> <p>Project Lumine made by <a class="font-medium text-[var(--accent-contrast)]" href="https://github.com/GamerNoTitle" target="_blank" rel="noreferrer">GamerNoTitle</a> with ❤️</p> <p>© 2018 - 2026 by <span class="font-medium text-[var(--accent-contrast)]">GamerNoTitle</span></p> </div> <p>
175All articles in this blog are licensed under
176<a class="font-medium text-[var(--accent-contrast)]" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noreferrer"> CC BY-NC-SA 4.0 </a>
177unless stated additionally.
178</p>  <div class="flex flex-col items-center gap-2 md:flex-row md:justify-center md:gap-3">   <a class="inline-flex items-center gap-2 font-medium text-[var(--accent-contrast)]" href="https://icp.gov.moe/?keyword=20213338" target="_blank" rel="noreferrer"> <img src="https://assets.bili33.top/img/GovMoe/icon120.avif" srcset="https://assets.bili33.top/img/GovMoe/icon120.128w.avif 128w" sizes="20px" data-avif-src="https://assets.bili33.top/img/GovMoe/icon120.avif" data-avif-srcset="https://assets.bili33.top/img/GovMoe/icon120.128w.avif 128w" data-webp-src="https://assets.bili33.top/img/GovMoe/icon120.webp" data-webp-srcset="https://assets.bili33.top/img/GovMoe/icon120.128w.webp 128w" data-image-sizes="20px" data-image-format="avif-srcset" data-fallback-src="https://assets.bili33.top/img/GovMoe/icon120.png" alt loading="lazy" fetchpriority="low" decoding="async" referrerpolicy="no-referrer" class="h-5 w-5 rounded-sm object-contain"> <span>萌 ICP 备 20213338 号</span> </a>  <span class="hidden text-base-content/30 md:inline">|</span> <a class="inline-flex items-center gap-2 font-medium text-[var(--accent-contrast)]" href="https://cdn.bili33.top/" target="_blank" rel="noreferrer"> <img src="https://cdn.bili33.top/gh/biliCDN/bilicdn.github.io@master/images/favicon.png" sizes="20px" data-image-sizes="20px" alt loading="lazy" fetchpriority="low" decoding="async" referrerpolicy="no-referrer" class="h-5 w-5 rounded-sm object-contain"> <span>哔哩 CDN</span> </a>  </div> </div> </div> </footer> 
178<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/Footer.astro_astro_type_script_index_0_lang.CMai9Sr5.js"></script>
178 <button type="button" class="back-to-top" id="back-to-top" aria-label="回到顶部" title="回到顶部" data-astro-cid-vy5be4ad> <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-vy5be4ad> <path d="M12 19V5m-5 5 5-5 5 5" data-astro-cid-vy5be4ad></path> </svg> </button> 
178<script type="c7f2da9fc4c26e11dea49e31-module">(()=>{let e=document.getElementById(`back-to-top`);if(!e)return;let t=!1,n=null,r=()=>{n=null;let r=window.scrollY>window.innerHeight;r!==t&&(t=r,e.classList.toggle(`is-visible`,r))};window.addEventListener(`scroll`,()=>{n===null&&(n=requestAnimationFrame(r))},{passive:!0}),e.addEventListener(`click`,()=>{window.scrollTo({top:0,behavior:`smooth`})}),r()})();</script>
178 <div id="achievement-toast-container" class="achievement-toast-container"></div> 
178<script type="c7f2da9fc4c26e11dea49e31-module">var e=document.getElementById(`achievement-toast-container`);document.addEventListener(`lumine:achievement-unlocked`,(t=>{if(!e)return;let n=t.detail,r=document.createElement(`div`);r.className=`achievement-toast`,r.innerHTML=`
179      <div class="achievement-toast-icon">${n.icon}</div>
180      <div class="achievement-toast-body">
181        <div class="achievement-toast-label">成就解锁</div>
182        <div class="achievement-toast-name">${n.name}</div>
183        <div class="achievement-toast-desc">${n.description}</div>
184      </div>
185    `,e.appendChild(r),setTimeout(()=>{r.remove()},3e3)}));</script>
185 <dialog id="search-dialog" class="modal"> <div class="modal-box w-11/12 max-w-3xl rounded-[2rem] border border-white/60 bg-base-100 p-0 shadow-2xl"> <div class="flex items-center gap-3 border-b border-base-300 px-5 py-4"> <input id="search-input" class="input input-ghost w-full text-base focus:outline-none" type="search" placeholder="搜索文章标题、内容、标签、分类..."> <form method="dialog"> <button class="btn btn-ghost btn-sm">Esc</button> </form> </div> <div id="search-results" class="max-h-[60vh] space-y-2 overflow-y-auto px-4 py-4"></div> </div> <form method="dialog" class="modal-backdrop"> <button>close</button> </form> </dialog> 
185<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/SearchModal.astro_astro_type_script_index_0_lang.Brs_fSdK.js"></script>
185 
185<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/ClientEnhancements.astro_astro_type_script_index_0_lang.DTFpBway.js"></script>
185 <span hidden data-lumine-analytics="baidu" data-src="https://hm.baidu.com/hm.js?1a9dfff1b560a523701cb01384373c75"></span> <span hidden data-lumine-analytics="51la" data-id="3KdcwFGRWCpapHjZ" data-ck="3KdcwFGRWCpapHjZ"></span>  
185<script type="c7f2da9fc4c26e11dea49e31-module" src="/_astro/Analytics.astro_astro_type_script_index_0_lang.BsyzHcnp.js"></script>
185  <!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 185
185<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
185265518a4821d487e905ad4af190ea59d
vendor: 61 bytes, line 185
185"}' type="c7f2da9fc4c26e11dea49e31-text/javascript"></script>
185<!-- Cloudflare Pages Analytics -->
vendor: 142 bytes, line 185
185<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c7f2da9fc4c26e11dea49e31-|49" defer></script>
185<script>window.__CF$cv$params={r:'a44e51dd6a6b8e1c',t:'MTc5MTA1NTM5MA==',u:'01a103386680743b9f6670d48ef4e9bd',ut:'DMRNWSxFInOMfwuRyJsDiKGh95CYLVZHy5mhMimtq4Q-1791055390-1.2.1.1-kCfCBLqgTxRdnAhMGPxzj13T5jgpF7GfpZspJxWPV5PEXL6CiYz0r7KdRoAaRdTTX._E9bW2070NyinZDi5IkWOJuUWwDS7y8XMC145ruuQ',i:60};(function(){if(!document.body)return;var s=document.createElement('script');s.src='/cdn-cgi/challenge-platform/scripts/precursor/main.js';document.head.appendChild(s);})();</script>
185<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c8a8a6c09b214d47b169fbe81da510a6","r":1,"spa":2}' crossorigin="anonymous"></script>
185
186</body> </html> 
186<script type="c7f2da9fc4c26e11dea49e31-text/javascript">
187  const runtimeElement = document.getElementById('site-runtime-days-charts');
188  if (runtimeElement instanceof HTMLElement) {
189    const startDate = runtimeElement.dataset.startDate;
190    if (startDate) {
191      const diff = Date.now() - new Date(startDate).getTime();
192      const days = Math.max(1, Math.floor(diff / 86400000));
193      runtimeElement.textContent = `${days} days`;
194    }
195  }
196</script>

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.