<!--ut02.cn                                                               
                                                                                     人民有信仰 民族有希望 国家有力量
                                                                          以实现中国特色社会主义共同理想为目标 党的十八大曾首次以  
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |    
                                                                                  +----------------------------------- +
                                                                                  | 富强      民主      文明      和谐 |
                                                                                  +----------------------------------- +
                                                                                  | 自由      平等       公正     法治 |                                                                  
                                                                                  +----------------------------------- +
                                                                                  | 爱国      敬业       诚信     友善 |
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |
                                                                                  +----------------------------------- +
                                                                              这二十四个字来高度概括社会主义核心价值观的组成
 -->
<!--
   ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
   │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐
   └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘
   ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
   │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
   ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
   │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │
   ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
   │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter  │               │ 4 │ 5 │ 6 │   │
   ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤
   │ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │
   ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
   │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│
   └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
  -->
<!--
    頂頂頂頂頂頂頂頂頂　頂頂頂頂頂頂頂頂頂
    頂頂頂頂頂頂頂　　　　　頂頂
    　　　頂頂　　　頂頂頂頂頂頂頂頂頂頂頂
    　　　頂頂　　　頂頂頂頂頂頂頂頂頂頂頂
    　　　頂頂　　　頂頂　　　　　　　頂頂
    　　　頂頂　　　頂頂　　頂頂頂　　頂頂
    　　　頂頂　　　頂頂　　頂頂頂　　頂頂
    　　　頂頂　　　頂頂　　頂頂頂　　頂頂
    　　　頂頂　　　頂頂　　頂頂頂　　頂頂
    　　　頂頂　　　　　　　頂頂頂
    　　　頂頂　　　　　　頂頂　頂頂　頂頂
    　頂頂頂頂　　　頂頂頂頂頂　頂頂頂頂頂
    　頂頂頂頂　　　頂頂頂頂　　　頂頂頂頂
  -->

<!--
  .--,       .--,
   ( (  \.---./  ) )
    '.__/o   o\__.'
       {=  ^  =}
        >  -  <
       /       \
      //       \\
     //|   .   |\\
     "'\       /'"_.-~^`'-.
        \  _  /--'         `
      ___)( )(___
     (((__) (__)))    高山仰止,景行行止.虽不能至,心向往之。
     -->


<!--
	////////////////////////////////////////////////////////////////////
	//                          _ooOoo_                               //
	//                         o8888888o                              //
	//                         88" . "88                              //
	//                         (| ^_^ |)                              //
	//                         O\  =  /O                              //
	//                      ____/`---'\____                           //
	//                    .'  \\|     |//  `.                         //
	//                   /  \\|||  :  |||//  \                        //
	//                  /  _||||| -:- |||||-  \                       //
	//                  |   | \\\  -  /// |   |                       //
	//                  | \_|  ''\---/''  |   |                       //
	//                  \  .-\__  `-`  ___/-. /                       //
	//                ___`. .'  /--.--\  `. . ___                     //
	//              ."" '<  `.___\_<|>_/___.'  >'"".                  //
	//            | | :  `- \`.;`\ _ /`;.`/ - ` : | |                 //
	//            \  \ `-.   \_ __\ /__ _/   .-` /  /                 //
	//      ========`-.____`-.___\_____/___.-`____.-'========         //
	//                           `=---='                              //
	//      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
	//         佛祖保佑       永无BUG     永不修改                       //
	////////////////////////////////////////////////////////////////////
		-->
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
	<title>TAO. 的导航站</title>
	<link rel="shortcut icon" href="./logo.jpg" type="image/x-icon">
	<meta name="Keywords" content="ut02,ut02.cn,TAO,涛,LT,lt,">
	<meta name="description" content="TAO. 的个人导航站，收纳博客、小游戏、常用工具和一点日常。">
	<meta name="format-detection" content="telephone=no">
	<script>
		(function initSavedTheme() {
			try {
				if (localStorage.getItem("tao-theme") === "dark") {
					document.documentElement.classList.add("theme-dark");
				}
			} catch (error) {}
		})();
	</script>
	<link rel="stylesheet" href="css/index.css">
	<script>
		if (!!window.ActiveXObject || "ActiveXObject" in window) {
			alert("你的浏览器太古早啦，换个现代浏览器再来看看吧。");
		}
	</script>
</head>

<body class="is-loading entry-active">
	<canvas id="dynamic-bg" aria-hidden="true"></canvas>
	<div class="site-loader" role="status" aria-live="polite">
		<div class="uiverse-loader" aria-label="loading">
			<div class="uiverse-loader__blackhole">
				<div class="uiverse-loader__circle"></div>
				<div class="uiverse-loader__disc"></div>
			</div>
			<div class="uiverse-loader__curve">
				<svg viewBox="0 0 500 500" aria-hidden="true" xmlns:xlink="http://www.w3.org/1999/xlink">
					<path id="site-loader-path" d="M73.2,148.6c4-6.1,65.5-96.8,178.6-95.6c111.3,1.2,170.8,90.3,175.1,97"></path>
					<text width="500">
						<textPath href="#site-loader-path" xlink:href="#site-loader-path">loading...</textPath>
					</text>
				</svg>
			</div>
		</div>
	</div>
	<div class="theme-wipe" id="theme-wipe" aria-hidden="true"></div>
	<header class="ltlt">
		<div class="nav-shell">
			<div class="nav-left">
				<button class="theme-toggle" id="theme-toggle" type="button" aria-label="切换暗色模式" aria-pressed="false" title="切换暗色模式">
					<span class="theme-toggle__icon" aria-hidden="true"></span>
				</button>
				<a class="nav-brand" href="#top" aria-label="TAO. 的主页">TAO.</a>
			</div>
			<nav class="nav-links" aria-label="主导航">
				<a class="taotao" href="#top">主页</a>
				<a href="https://blog.ut02.cn/" rel="noopener" target="_blank">博客</a>
				<a href="https://ut02.cn/游戏/" rel="noopener" target="_blank">小游戏</a>
				<a href="https://api.ut02.cn">AI中转站</a>
			</nav>
		</div>
	</header>

	<div id="body-wrap">
		<section class="not_index_bg hero" id="nav" style="background-image: linear-gradient(120deg, rgba(14, 20, 34, .56), rgba(18, 87, 96, .20));">
			<div class="hero-inner" id="top">
				<p class="hero-kicker">UT02.CN</p>
				<h1>TAO. 的导航站</h1>
				<p class="hero-copy">一个小小的网络据点，放一点日常、灵感和常用资料。页面尽量轻一点，看起来舒服一点，用起来直接一点。</p>
				<div id="site-title" aria-live="polite">
					<span class="blogtitle"></span>
				</div>
				</div>
			</section>
			<div class="module-dock">
				<span></span>
			</div>

			<main id="content-outer">
			<div class="layout_page" id="content-inner">
				<aside class="aside_content" id="aside_content" aria-label="站点侧栏">
					<section class="card-widget card-info">
						<div class="card-content">
							<div class="card-info-avatar is-center">
								<img class="avatar-img" src="https://q1.qlogo.cn/g?b=qq&nk=1554788005&s=640" alt="TAO. 头像">
								<div class="author-info__name">TAO.</div>
								<div class="author-info__description">00 后青年 / 个人站维护中</div>
								<div class="site-author-links">
									<button class="site-author-links-item sponsor-trigger" id="sponsor-trigger" type="button" aria-haspopup="dialog" aria-controls="sponsor-float">赞助</button>
									<a class="site-author-links-item" href="https://qm.qq.com/cgi-bin/qm/qr?k=5gMbZSYCaOGsnw7k2Vw0i8F4I95EwQ9q&noverify=0" rel="noopener" target="_blank">QQ 联系</a>
								</div>
							</div>
						</div>
					</section>

					<section class="card-widget card-announcement">
						<div class="card-content">
							<div class="item-headline">
								<span class="headline-mark"></span>
								<span>一句话</span>
							</div>
							<div id="hitokoto">正在加载一句话...</div>
						</div>
					</section>

					<section class="card-widget card-announcement">
						<div class="card-content">
							<div class="item-headline">
								<span class="headline-mark"></span>
								<span>今日诗词</span>
							</div>
							<div id="jinrishici-sentence">正在加载诗词...</div>
						</div>
					</section>

					<section class="card-widget card-webinfo">
						<div class="card-content">
							<div class="item-headline">
								<span class="headline-mark"></span>
								<span>站点信息</span>
							</div>
							<div class="webinfo">
								<div class="webinfo-item">
									<span>访客数</span>
									<strong id="busuanzi_value_site_uv">--</strong>
								</div>
								<div class="webinfo-item">
									<span>总访问量</span>
									<strong id="busuanzi_value_site_pv">--</strong>
								</div>
							</div>
						</div>
					</section>
				</aside>

				<article id="page">
					<div class="article-container">
						<section class="intro-section content-section">
							<div>
								<p class="section-kicker">HOME</p>
								<h2>欢迎来到这个小小的网络据点</h2>
								<p>这里会慢慢收纳一些日常记录、站点信息和常用资料。少一点重复入口，多一点清爽的空间。</p>
							</div>
						</section>

						<section class="content-section" id="skills">
							<div class="section-heading">
								<p class="section-kicker">SKILLS</p>
								<h2>我的技能</h2>
							</div>
							<div class="skillbox">
								<div class="skillbar" style="--bar-width: 86%; --bar-color: #0f9f83; --bar-soft: #66e0c7;">
									<span class="skillbar-label">Linux</span>
									<div class="skillbar-track"><span></span></div>
									<strong>86%</strong>
								</div>
								<div class="skillbar" style="--bar-width: 92%; --bar-color: #118ab2; --bar-soft: #7dd3fc;">
									<span class="skillbar-label">Windows</span>
									<div class="skillbar-track"><span></span></div>
									<strong>92%</strong>
								</div>
								<div class="skillbar" style="--bar-width: 89%; --bar-color: #f59e0b; --bar-soft: #ffd166;">
									<span class="skillbar-label">运维</span>
									<div class="skillbar-track"><span></span></div>
									<strong>89%</strong>
								</div>
								<div class="skillbar" style="--bar-width: 67%; --bar-color: #ef476f; --bar-soft: #ff9db5;">
									<span class="skillbar-label">前端</span>
									<div class="skillbar-track"><span></span></div>
									<strong>67%</strong>
								</div>
								<div class="skillbar" style="--bar-width: 58%; --bar-color: #7c3aed; --bar-soft: #c4b5fd;">
									<span class="skillbar-label">后端</span>
									<div class="skillbar-track"><span></span></div>
									<strong>58%</strong>
								</div>
								<div class="skillbar" style="--bar-width: 69%; --bar-color: #06d6a0; --bar-soft: #8cf3d1;">
									<span class="skillbar-label">AI</span>
									<div class="skillbar-track"><span></span></div>
									<strong>69%</strong>
								</div>
							</div>
						</section>

						<section class="content-section" id="favorites">
							<div class="section-heading">
								<p class="section-kicker">BOOKMARKS</p>
								<h2>常用资料</h2>
							</div>
							<div class="tool">
								<a href="https://www.runoob.com/" rel="noopener" target="_blank">
									<span>菜鸟教程</span>
									<small>编程入门和速查</small>
								</a>
								<a href="https://www.w3school.com.cn" rel="noopener" target="_blank">
									<span>w3school</span>
									<small>Web 基础参考</small>
								</a>
							</div>
						</section>
					</div>
				</article>
			</div>
		</main>

		<footer id="footer">
			<div id="footer-wrap">
				<div class="copyright">Copyright &copy; 2021 - 2026 <a href="https://ut02.cn/">TAO.</a> All rights reserved.</div>
			</div>
			<div id="footer-time">
				<span>本站已运行</span>
				<span id="LT_time"></span>
			</div>
		</footer>
	</div>

	<div class="sponsor-float" id="sponsor-float" aria-hidden="true">
		<button class="sponsor-float__backdrop" type="button" aria-label="关闭赞助"></button>
		<div class="sponsor-float__panel" role="dialog" aria-modal="true" aria-label="赞助" tabindex="-1">
			<button class="sponsor-float__close" type="button" aria-label="关闭赞助">×</button>
			<img src="./logo.jpg" alt="赞助占位图">
		</div>
	</div>

	<script src="js/td.js"></script>
	<script>
		new Typed(".blogtitle", {
			strings: ["欢迎来到 ut02.cn", "今天也要写点有趣的东西", "慢慢收拾这个小站"],
			startDelay: 200,
			typeSpeed: 90,
			loop: true,
			backSpeed: 55,
			backDelay: 1300,
			showCursor: true
		});
	</script>
	<script async src="js/busuanzi.pure.mini.js"></script>
	<script src="js/instantpage.js" type="module"></script>
	<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
	<script src="js/jinrishici.js" charset="utf-8"></script>
	<script>
		const header = document.querySelector(".ltlt");
		const asideContent = document.getElementById("aside_content");
		let lastScrollY = window.scrollY;

		function updateHeaderVisibility() {
			if (document.body.classList.contains("entry-active")) {
				header.classList.remove("ltlt--hidden");
				lastScrollY = window.scrollY;
				return;
			}

			const currentY = window.scrollY;
			const asideTop = asideContent.getBoundingClientRect().top + currentY;
			const threshold = asideTop - header.offsetHeight - 12;
			const scrollingUp = currentY < lastScrollY - 4;
			const scrollingDown = currentY > lastScrollY + 4;

			if (currentY < threshold || scrollingUp) {
				header.classList.remove("ltlt--hidden");
			} else if (scrollingDown) {
				header.classList.add("ltlt--hidden");
			}

			lastScrollY = currentY;
		}

		window.addEventListener("scroll", updateHeaderVisibility, { passive: true });
		window.addEventListener("resize", updateHeaderVisibility);
		updateHeaderVisibility();

		(function initHeroBackground() {
			const hero = document.querySelector(".hero");
			if (!hero) return;

			const overlay = "linear-gradient(120deg, rgba(14, 20, 34, .56), rgba(18, 87, 96, .20))";
			const fallback = "linear-gradient(135deg, #0f2f35 0%, #14213d 52%, #3a1d2f 100%)";
			const sources = [
				"https://t.mwm.moe/pc",
				"https://api.mwm.moe/pc",
				"https://www.loliapi.com/acg/pc/"
			];
			let index = 0;

			function withCacheBuster(source) {
				const url = new URL(source, location.href);
				url.searchParams.set("_", Date.now().toString(36));
				return url.href;
			}

			function setBackground(imageUrl) {
				hero.style.backgroundImage = `${overlay}, url("${imageUrl.replace(/"/g, "%22")}")`;
			}

			function useFallback() {
				hero.style.backgroundImage = `${overlay}, ${fallback}`;
			}

			function tryNextSource() {
				if (index >= sources.length) {
					useFallback();
					return;
				}

				const imageUrl = withCacheBuster(sources[index]);
				index += 1;
				const image = new Image();
				image.decoding = "async";
				image.referrerPolicy = "no-referrer";
				image.onload = function() {
					setBackground(imageUrl);
				};
				image.onerror = tryNextSource;
				image.src = imageUrl;
			}

			tryNextSource();
		})();

		function syncHeroFuseToTheme() {
			const root = document.documentElement;
			root.style.setProperty("--hero-fuse-rgb", root.classList.contains("theme-dark") ? "9, 19, 33" : "226, 231, 224");
		}

		(function initThemeToggle() {
			const root = document.documentElement;
			const button = document.getElementById("theme-toggle");
			const wipe = document.getElementById("theme-wipe");
			let animating = false;

			function syncButton() {
				const isDark = root.classList.contains("theme-dark");
				button.setAttribute("aria-pressed", String(isDark));
				button.setAttribute("aria-label", isDark ? "切换亮色模式" : "切换暗色模式");
				button.title = isDark ? "切换亮色模式" : "切换暗色模式";
			}

			function saveTheme(isDark) {
				root.classList.toggle("theme-dark", isDark);

				try {
					localStorage.setItem("tao-theme", isDark ? "dark" : "light");
				} catch (error) {}
			}

			button.addEventListener("click", function() {
				if (animating) {
					return;
				}

				animating = true;
				const nextIsDark = !root.classList.contains("theme-dark");
				const rect = button.getBoundingClientRect();
				const originX = rect.left + rect.width / 2;
				const originY = rect.top + rect.height / 2;
				const radius = Math.hypot(
					Math.max(originX, window.innerWidth - originX),
					Math.max(originY, window.innerHeight - originY)
				);

				wipe.style.setProperty("--wipe-x", originX + "px");
				wipe.style.setProperty("--wipe-y", originY + "px");
				wipe.style.setProperty("--wipe-r", Math.ceil(radius) + "px");
				wipe.style.background = nextIsDark ? "#07111f" : "#f5f7f3";
				wipe.classList.remove("theme-wipe--active", "theme-wipe--out");
				void wipe.offsetWidth;
				wipe.classList.add("theme-wipe--active");

				setTimeout(function() {
					saveTheme(nextIsDark);
					syncButton();
					syncHeroFuseToTheme();
				}, 560);

				setTimeout(function() {
					wipe.classList.add("theme-wipe--out");
				}, 780);

				setTimeout(function() {
					wipe.classList.remove("theme-wipe--active", "theme-wipe--out");
					animating = false;
				}, 1080);
			});

			syncButton();
			syncHeroFuseToTheme();
		})();

		(function initEntryFlow() {
			const root = document.documentElement;
			const hero = document.querySelector(".hero");
			const dock = document.querySelector(".module-dock");
			const modules = Array.from(document.querySelectorAll("#aside_content .card-widget, .content-section, #footer"));
			const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
			const entryLayer = document.createElement("div");
			const asideProxy = document.createElement("div");
			let ticking = false;
			let finished = false;
			let maxRawProgress = 0;
			let maxScrollY = 0;
			let targetRawProgress = 0;
			let renderedRawProgress = 0;
			let items = [];

			if (!hero || !dock || modules.length === 0) {
				document.body.classList.remove("entry-active");
				return;
			}

			if ("scrollRestoration" in history) {
				history.scrollRestoration = "manual";
			}

			window.scrollTo(0, 0);

			function clamp(value, min, max) {
				return Math.min(max, Math.max(min, value));
			}

			function easeOut(value) {
				return 1 - Math.pow(1 - value, 4);
			}

			function easeOutSoft(value) {
				return 1 - Math.pow(1 - value, 3);
			}

			function mixNumber(from, to, progress) {
				return Math.round(from + (to - from) * progress);
			}

			function updateHeroFuse(progress) {
				const isDark = root.classList.contains("theme-dark");
				const stops = isDark
					? [
						{ at: 0, color: [7, 17, 31] },
						{ at: .48, color: [12, 23, 39] },
						{ at: 1, color: [17, 24, 39] }
					]
					: [
						{ at: 0, color: [219, 232, 225] },
						{ at: .45, color: [238, 231, 220] },
						{ at: 1, color: [232, 237, 243] }
					];
				const position = clamp(.05 + progress * .55, 0, 1);
				let start = stops[0];
				let end = stops[stops.length - 1];

				for (let i = 0; i < stops.length - 1; i++) {
					if (position >= stops[i].at && position <= stops[i + 1].at) {
						start = stops[i];
						end = stops[i + 1];
						break;
					}
				}

				const localProgress = clamp((position - start.at) / (end.at - start.at || 1), 0, 1);
				const color = start.color.map(function(channel, index) {
					return mixNumber(channel, end.color[index], localProgress);
				});

				root.style.setProperty("--hero-fuse-rgb", color.join(", "));
			}

			function targetHeroHeight() {
				return window.matchMedia("(max-width: 760px)").matches ? 620 : 640;
			}

			function introDistance() {
				return Math.min(780, Math.max(560, window.innerHeight * .76));
			}

			function setupEntryLayer() {
				entryLayer.className = "entry-layer";
				asideProxy.id = "aside_content";
				asideProxy.className = "entry-aside-proxy";
				entryLayer.appendChild(asideProxy);
				document.body.appendChild(entryLayer);

				items = modules.map(function(module) {
					const rect = module.getBoundingClientRect();
					const style = getComputedStyle(module);
					const placeholder = document.createElement("div");
					const parent = module.parentNode;
					const isAside = Boolean(module.closest("#aside_content"));

					placeholder.className = "entry-placeholder";
					placeholder.setAttribute("aria-hidden", "true");
					placeholder.style.height = rect.height + "px";
					placeholder.style.marginTop = style.marginTop;
					placeholder.style.marginRight = style.marginRight;
					placeholder.style.marginBottom = style.marginBottom;
					placeholder.style.marginLeft = style.marginLeft;

					parent.insertBefore(placeholder, module);
					(isAside ? asideProxy : entryLayer).appendChild(module);
					module.classList.add("entry-module");
					module.style.visibility = "hidden";
					module.style.left = rect.left + "px";
					module.style.top = rect.top + "px";
					module.style.width = rect.width + "px";
					module.style.minHeight = rect.height + "px";
					module.style.margin = "0";

					return {
						module,
						placeholder,
						progress: 0
					};
				});
			}

			function applyEntryState() {
				if (finished) {
					return;
				}

				ticking = false;
				maxScrollY = Math.max(maxScrollY, window.scrollY);
				targetRawProgress = Math.max(targetRawProgress, clamp(maxScrollY / introDistance(), 0, 1));
				const progressDelta = targetRawProgress - renderedRawProgress;

				if (Math.abs(progressDelta) < .0015) {
					renderedRawProgress = targetRawProgress;
				} else {
					renderedRawProgress += progressDelta * .115;
				}

				const rawProgress = renderedRawProgress;
				maxRawProgress = Math.max(maxRawProgress, rawProgress);
				const heroProgress = easeOut(rawProgress);
				const normalHeroHeight = targetHeroHeight();
				const heroHeight = window.innerHeight + (normalHeroHeight - window.innerHeight) * heroProgress;
				const dockRect = dock.getBoundingClientRect();
				const dockCenterX = dockRect.left + dockRect.width / 2;
				const dockCenterY = dockRect.top + dockRect.height / 2;
				const dockRelease = clamp((rawProgress - .66) / .28, 0, 1);
				const dockOpacity = clamp(1 - dockRelease, 0, 1);
				const dockScale = 1 - dockRelease * .06;

				root.style.setProperty("--intro-progress", rawProgress.toFixed(4));
				root.style.setProperty("--hero-entry-height", Math.round(heroHeight) + "px");
				root.style.setProperty("--hero-copy-opacity", (1 - rawProgress * .08).toFixed(3));
				updateHeroFuse(rawProgress);
				root.style.setProperty("--dock-opacity", dockOpacity.toFixed(3));
				root.style.setProperty("--dock-scale", dockScale.toFixed(3));
				root.style.setProperty("--dock-energy", clamp(1 - dockRelease * .65, 0, 1).toFixed(3));
				root.style.setProperty("--timeline-opacity", clamp((rawProgress - .48) / .22, 0, 1).toFixed(3));
				dock.style.opacity = rawProgress < .015 ? ".999" : dockOpacity.toFixed(3);
				dock.style.transform = "translateX(-50%) scale(" + dockScale.toFixed(3) + ")";

				items.forEach(function(item, index) {
					const module = item.module;
					const rect = item.placeholder.getBoundingClientRect();
					const start = .035 + index * .052;
					const duration = .32;
					const targetProgress = clamp((rawProgress - start) / duration, 0, 1);
					item.progress += (targetProgress - item.progress) * .2;

					if (Math.abs(targetProgress - item.progress) < .002) {
						item.progress = targetProgress;
					}

					const displayProgress = item.progress;
					const releaseProgress = easeOutSoft(clamp((displayProgress - .055) / .945, 0, 1));
					const finalCenterX = rect.left + rect.width / 2;
					const finalCenterY = rect.top + rect.height / 2;
					const exitProgress = 1 - releaseProgress;
					const startScale = clamp(Math.min(
						(dockRect.width * .74) / Math.max(rect.width, 1),
						(dockRect.height * .74) / Math.max(rect.height, 1)
					), .07, .2);
					const settle = releaseProgress > .72 ? Math.sin(clamp((releaseProgress - .72) / .28, 0, 1) * Math.PI) * .018 : 0;
					const lift = -Math.sin(releaseProgress * Math.PI) * 18;
					const x = (dockCenterX - finalCenterX) * exitProgress;
					const y = (dockCenterY - finalCenterY) * exitProgress + lift;
					const scale = startScale + releaseProgress * (1 - startScale) + settle;
					const opacity = displayProgress <= .01 ? 0 : clamp(displayProgress / .18, 0, 1);

					module.style.visibility = opacity > 0 ? "visible" : "hidden";
					module.style.left = rect.left + "px";
					module.style.top = rect.top + "px";
					module.style.width = rect.width + "px";
					module.style.minHeight = rect.height + "px";
					module.style.setProperty("--entry-x", x.toFixed(2) + "px");
					module.style.setProperty("--entry-y", y.toFixed(2) + "px");
					module.style.setProperty("--entry-scale", scale.toFixed(4));
					module.style.setProperty("--entry-opacity", opacity.toFixed(3));
					module.style.setProperty("--entry-blur", ((1 - releaseProgress) * 4).toFixed(2) + "px");
					module.style.setProperty("--entry-pointer", releaseProgress > .98 ? "auto" : "none");
				});

				if (items.every(function(item) {
					return item.progress >= .998;
				}) && maxRawProgress >= .72) {
					finishEntry();
					return;
				}

				if (Math.abs(targetRawProgress - renderedRawProgress) > .001 || items.some(function(item, index) {
					const start = .035 + index * .052;
					const duration = .32;
					return Math.abs(clamp((rawProgress - start) / duration, 0, 1) - item.progress) > .002;
				})) {
					requestEntryFrame();
				}
			}

			function requestEntryFrame() {
				if (!ticking) {
					ticking = true;
					requestAnimationFrame(applyEntryState);
				}
			}

			function handleEntryResize() {
				requestEntryFrame();
			}

			function finishEntry() {
				if (finished) {
					return;
				}

				finished = true;
				window.removeEventListener("scroll", requestEntryFrame);
				window.removeEventListener("resize", handleEntryResize);
				document.body.classList.remove("entry-active", "entry-measuring");
				document.body.classList.add("entry-finished");
				root.style.removeProperty("--hero-entry-height");
				root.style.removeProperty("--hero-copy-opacity");
				updateHeroFuse(1);
				root.style.removeProperty("--intro-progress");
				root.style.removeProperty("--dock-opacity");
				root.style.removeProperty("--dock-scale");
				root.style.removeProperty("--dock-energy");
				root.style.removeProperty("--timeline-opacity");
				dock.style.opacity = "";
				dock.style.transform = "";
				items.forEach(function(item) {
					const module = item.module;
					item.placeholder.parentNode.insertBefore(module, item.placeholder);
					item.placeholder.remove();
					module.style.visibility = "";
					module.style.left = "";
					module.style.top = "";
					module.style.width = "";
					module.style.minHeight = "";
					module.style.margin = "";
					module.style.removeProperty("--entry-x");
					module.style.removeProperty("--entry-y");
					module.style.removeProperty("--entry-scale");
					module.style.removeProperty("--entry-opacity");
					module.style.removeProperty("--entry-blur");
					module.style.removeProperty("--entry-pointer");
				});
				entryLayer.remove();
				updateHeaderVisibility();
			}

			if (reduceMotion) {
				finishEntry();
				return;
			}

			setupEntryLayer();
			window.addEventListener("scroll", requestEntryFrame, { passive: true });
			window.addEventListener("resize", handleEntryResize);
			applyEntryState();
		})();

		(function initLoader() {
			const loader = document.querySelector(".site-loader");
			let finished = false;

			function finishLoading() {
				if (finished) {
					return;
				}

				finished = true;
				setTimeout(function() {
					document.body.classList.remove("is-loading");
					document.body.classList.add("is-loaded");
					loader.classList.add("site-loader--done");
					loader.setAttribute("aria-hidden", "true");
					setTimeout(function() {
						loader.hidden = true;
					}, 620);
				}, 280);
			}

			window.addEventListener("load", finishLoading, { once: true });
			setTimeout(finishLoading, 1800);
		})();

		(function initSponsorFloat() {
			const trigger = document.getElementById("sponsor-trigger");
			const float = document.getElementById("sponsor-float");
			const panel = float ? float.querySelector(".sponsor-float__panel") : null;
			const closeButtons = float ? float.querySelectorAll(".sponsor-float__backdrop, .sponsor-float__close") : [];
			let closingTimer = 0;

			if (!trigger || !float || !panel) {
				return;
			}

			function setOrigin() {
				const triggerRect = trigger.getBoundingClientRect();
				const panelRect = panel.getBoundingClientRect();
				const triggerCenterX = triggerRect.left + triggerRect.width / 2;
				const triggerCenterY = triggerRect.top + triggerRect.height / 2;
				const panelCenterX = window.innerWidth / 2;
				const panelCenterY = window.innerHeight / 2;
				const scale = Math.min(
					Math.max(triggerRect.width / panelRect.width, .14),
					.32
				);

				float.style.setProperty("--sponsor-origin-x", triggerCenterX + "px");
				float.style.setProperty("--sponsor-origin-y", triggerCenterY + "px");
				float.style.setProperty("--sponsor-x", (triggerCenterX - panelCenterX).toFixed(2) + "px");
				float.style.setProperty("--sponsor-y", (triggerCenterY - panelCenterY).toFixed(2) + "px");
				float.style.setProperty("--sponsor-scale", scale.toFixed(4));
			}

			function openSponsor() {
				window.clearTimeout(closingTimer);
				float.classList.remove("is-closing");
				float.classList.add("is-open");
				float.setAttribute("aria-hidden", "false");
				setOrigin();
				panel.focus?.();
			}

			function closeSponsor() {
				if (!float.classList.contains("is-open")) {
					return;
				}

				setOrigin();
				float.classList.remove("is-open");
				float.classList.add("is-closing");
				float.setAttribute("aria-hidden", "true");
				closingTimer = window.setTimeout(function() {
					float.classList.remove("is-closing");
				}, 360);
			}

			trigger.addEventListener("click", openSponsor);
			closeButtons.forEach(function(button) {
				button.addEventListener("click", closeSponsor);
			});
			window.addEventListener("resize", function() {
				if (float.classList.contains("is-open")) {
					setOrigin();
				}
			});
			window.addEventListener("keydown", function(event) {
				if (event.key === "Escape") {
					closeSponsor();
				}
			});
		})();

		(function initDynamicBackground() {
			const canvas = document.getElementById("dynamic-bg");
			const ctx = canvas.getContext("2d");
			const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
			const pointer = {
				x: window.innerWidth / 2,
				y: window.innerHeight / 2,
				easeX: window.innerWidth / 2,
				easeY: window.innerHeight / 2,
				active: false,
				pulse: 0,
				trail: []
			};
			const particles = [];
			let width = 0;
			let height = 0;
			let dpr = 1;
			let rafId = 0;
			let lastFrame = 0;

			function particleCount() {
				return Math.min(64, Math.max(30, Math.floor((width * height) / 30000)));
			}

			function createParticle() {
				const x = Math.random() * width;
				const y = Math.random() * height;
				return {
					x,
					y,
					baseX: x,
					baseY: y,
					vx: (Math.random() - .5) * .18,
					vy: (Math.random() - .5) * .18,
					size: .65 + Math.random() * 1.35,
					phase: Math.random() * Math.PI * 2,
					hue: Math.random() > .55 ? 176 : 199
				};
			}

			function resizeCanvas() {
				dpr = Math.min(window.devicePixelRatio || 1, 2);
				width = window.innerWidth;
				height = window.innerHeight;
				canvas.width = Math.floor(width * dpr);
				canvas.height = Math.floor(height * dpr);
				canvas.style.width = width + "px";
				canvas.style.height = height + "px";
				ctx.setTransform(dpr, 0, 0, dpr, 0, 0);

				const targetCount = particleCount();
				while (particles.length < targetCount) {
					particles.push(createParticle());
				}
				while (particles.length > targetCount) {
					particles.pop();
				}
			}

			function drawLine(a, b, alpha, color, widthScale = 1) {
				ctx.beginPath();
				ctx.moveTo(a.x, a.y);
				ctx.lineTo(b.x, b.y);
				ctx.strokeStyle = color || `rgba(88, 183, 207, ${alpha})`;
				ctx.lineWidth = widthScale;
				ctx.lineCap = "round";
				ctx.stroke();
			}

			function drawPointerField() {
				const strength = pointer.active ? 1 : pointer.pulse;

				if (strength <= .02 && pointer.trail.length === 0) {
					return;
				}

				ctx.save();
				ctx.globalCompositeOperation = "lighter";

				for (let i = 0; i < pointer.trail.length - 1; i++) {
					const current = pointer.trail[i];
					const next = pointer.trail[i + 1];
					const alpha = current.life * (1 - i / pointer.trail.length);

					ctx.beginPath();
					ctx.moveTo(current.x, current.y);
					ctx.lineTo(next.x, next.y);
					ctx.strokeStyle = `rgba(125, 211, 199, ${alpha * .22})`;
					ctx.lineWidth = 8 * alpha + 1.5;
					ctx.lineCap = "round";
					ctx.stroke();
				}

				const radius = Math.min(340, Math.max(220, width * .24));
				const glow = ctx.createRadialGradient(pointer.easeX, pointer.easeY, 0, pointer.easeX, pointer.easeY, radius);
				glow.addColorStop(0, `rgba(125, 211, 199, ${.28 * strength})`);
				glow.addColorStop(.34, `rgba(79, 184, 223, ${.12 * strength})`);
				glow.addColorStop(.62, `rgba(239, 71, 111, ${.055 * strength})`);
				glow.addColorStop(1, "rgba(79, 184, 223, 0)");
				ctx.fillStyle = glow;
				ctx.beginPath();
				ctx.arc(pointer.easeX, pointer.easeY, radius, 0, Math.PI * 2);
				ctx.fill();

				for (let i = 0; i < 3; i++) {
					const angle = performance.now() * .00032 + i * Math.PI * .72;
					const arcRadius = radius * (.28 + i * .14);
					ctx.beginPath();
					ctx.arc(pointer.easeX, pointer.easeY, arcRadius, angle, angle + Math.PI * .56);
					ctx.strokeStyle = `rgba(125, 211, 199, ${(.26 - i * .045) * strength})`;
					ctx.lineWidth = 1.7 - i * .22;
					ctx.stroke();
				}

				ctx.beginPath();
				ctx.arc(pointer.easeX, pointer.easeY, 5.5, 0, Math.PI * 2);
				ctx.fillStyle = `rgba(255, 107, 141, ${.46 * strength})`;
				ctx.fill();
				ctx.beginPath();
				ctx.arc(pointer.easeX, pointer.easeY, 13, 0, Math.PI * 2);
				ctx.strokeStyle = `rgba(125, 211, 199, ${.32 * strength})`;
				ctx.lineWidth = 1.4;
				ctx.stroke();
				ctx.restore();
			}

			function drawPointerLine(particle, signal) {
				const dx = pointer.easeX - particle.x;
				const dy = pointer.easeY - particle.y;
				const dist = Math.sqrt(dx * dx + dy * dy) || 1;
				const bend = Math.sin(particle.phase * 1.7) * 24 * signal;
				const midX = (particle.x + pointer.easeX) / 2 + (-dy / dist) * bend;
				const midY = (particle.y + pointer.easeY) / 2 + (dx / dist) * bend;
				const gradient = ctx.createLinearGradient(particle.x, particle.y, pointer.easeX, pointer.easeY);
				gradient.addColorStop(0, "rgba(125, 211, 199, 0)");
				gradient.addColorStop(.42, `rgba(125, 211, 199, ${signal * .38})`);
				gradient.addColorStop(1, `rgba(239, 71, 111, ${signal * .16})`);

				ctx.beginPath();
				ctx.moveTo(particle.x, particle.y);
				ctx.quadraticCurveTo(midX, midY, pointer.easeX, pointer.easeY);
				ctx.strokeStyle = gradient;
				ctx.lineWidth = .9 + signal * 1.35;
				ctx.lineCap = "round";
				ctx.stroke();
			}

			function updateParticle(particle, index) {
				particle.phase += .009;
				const driftX = Math.cos(particle.phase + index) * .024;
				const driftY = Math.sin(particle.phase) * .024;

				particle.vx += (particle.baseX - particle.x) * .0009 + driftX;
				particle.vy += (particle.baseY - particle.y) * .0009 + driftY;

				if (pointer.active) {
					const dx = pointer.easeX - particle.x;
					const dy = pointer.easeY - particle.y;
					const dist = Math.sqrt(dx * dx + dy * dy) || 1;

					if (dist < 300) {
						const field = (1 - dist / 300);
						const orbit = field * .05;
						const breathe = field * .018;
						particle.vx += (-dy / dist) * orbit + (dx / dist) * breathe;
						particle.vy += (dx / dist) * orbit + (dy / dist) * breathe;
					}
				}

				particle.vx *= .88;
				particle.vy *= .88;
				particle.x += particle.vx;
				particle.y += particle.vy;
			}

			function render(now = performance.now()) {
				if (now - lastFrame < 28) {
					rafId = requestAnimationFrame(render);
					return;
				}

				lastFrame = now;
				ctx.clearRect(0, 0, width, height);
				ctx.lineJoin = "round";
				pointer.easeX += (pointer.x - pointer.easeX) * .16;
				pointer.easeY += (pointer.y - pointer.easeY) * .16;
				pointer.pulse += ((pointer.active ? 1 : 0) - pointer.pulse) * .1;
				pointer.trail.forEach(function(point) {
					point.life -= .035;
				});
				pointer.trail = pointer.trail.filter(function(point) {
					return point.life > 0;
				});
				drawPointerField();

				for (let i = 0; i < particles.length; i++) {
					const current = particles[i];
					updateParticle(current, i);

					for (let j = i + 1; j < particles.length; j++) {
						const next = particles[j];
						const dx = current.x - next.x;
						const dy = current.y - next.y;
						const dist = Math.sqrt(dx * dx + dy * dy);

						if (dist < 126) {
							drawLine(current, next, (1 - dist / 126) * .13);
						}
					}

					if (pointer.active) {
						const dx = current.x - pointer.easeX;
						const dy = current.y - pointer.easeY;
						const dist = Math.sqrt(dx * dx + dy * dy);

						if (dist < 300) {
							const signal = (1 - dist / 300);
							drawPointerLine(current, signal);
						}
					}

					ctx.beginPath();
					ctx.arc(current.x, current.y, current.size, 0, Math.PI * 2);
					ctx.shadowBlur = 7;
					ctx.shadowColor = `hsla(${current.hue}, 84%, 66%, .42)`;
					ctx.fillStyle = `hsla(${current.hue}, 78%, 62%, .58)`;
					ctx.fill();
					ctx.shadowBlur = 0;
				}

				rafId = requestAnimationFrame(render);
			}

			function movePointer(event) {
				pointer.x = event.clientX;
				pointer.y = event.clientY;
				pointer.active = true;
				pointer.pulse = Math.max(pointer.pulse, .55);
				pointer.trail.unshift({
					x: event.clientX,
					y: event.clientY,
					life: 1
				});

				if (pointer.trail.length > 18) {
					pointer.trail.pop();
				}
			}

			function leavePointer() {
				pointer.active = false;
			}

			resizeCanvas();
			window.addEventListener("resize", resizeCanvas);
			window.addEventListener("pointermove", movePointer, { passive: true });
			window.addEventListener("pointerleave", leavePointer);

			if (reduceMotion) {
				render();
				cancelAnimationFrame(rafId);
			} else {
				render();
			}
		})();

		(function initSectionReveal() {
			const targets = document.querySelectorAll(".content-section, #aside_content .card-widget");

			if (document.body.classList.contains("entry-active") || document.body.classList.contains("entry-finished")) {
				targets.forEach(function(target) {
					target.classList.add("is-visible");
				});
				return;
			}

			if (!("IntersectionObserver" in window)) {
				targets.forEach(function(target) {
					target.classList.add("is-visible");
				});
				return;
			}

			targets.forEach(function(target) {
				target.classList.add("reveal-ready");
			});

			const observer = new IntersectionObserver(function(entries) {
				entries.forEach(function(entry) {
					if (entry.isIntersecting) {
						entry.target.classList.add("is-visible");
						observer.unobserve(entry.target);
					}
				});
			}, {
				threshold: .18,
				rootMargin: "0px 0px -8% 0px"
			});

			targets.forEach(function(target) {
				observer.observe(target);
			});

			setTimeout(function() {
				targets.forEach(function(target) {
					target.classList.add("is-visible");
				});
			}, 2400);
		})();

		console.clear();
		console.log("%c 有朋自远方来。", "background:#24272A; color:#ffffff", "");
		console.log("%c web %c", "background:#24272A; color:#ffffff", "", "https://ut02.cn");
		console.log("%c 版本号: %c", "background:#24272A; color:#ffffff", "", "1.3.0");

		const OriginTitle = document.title;
		let titleTime;
		document.addEventListener("visibilitychange", function() {
			if (document.hidden) {
				document.title = "页面先藏起来啦 ~";
				clearTimeout(titleTime);
			} else {
				document.title = "欢迎回来 ~ " + OriginTitle;
				titleTime = setTimeout(function() {
					document.title = OriginTitle;
				}, 2000);
			}
		});
	</script>
	<script src="js/Sitetime.js"></script>
	<script src="live2d/autoload.js?v=20260528-2"></script>
</body>

</html>