<!--utaol.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="lt-inc,TAO,涛,ltinc,LT,lt,">
		<meta name="description" content="TAO.的Blog--建站于2022年8月">
		<meta name="format-detection" content="telephone=no">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/ai.css">
		<link rel="stylesheet" href="css/fontcss">
		<link rel="stylesheet" href="css/jq.css">
		<link rel="stylesheet" href="font/iconfont.css">
		<script type="text/javascript">
			if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
				alert('┏ (^ω^)=☞你这是什么远古浏览器，你配不上我');
			}
		</script>
	</head>

	<body>
		<div class="ltlt">
			<ul style="background-color: rgba(0,0,0,0.3);">
				<li style="float: left;"><a class="taotao" href="#">主页</a></li>
				<li style="float: left;"><a href="https://blog.utaol.cn">我的博客</a></li>
				<li style="float: left;border-right: 1px solid #000;"><a href="https://www.utaol.cn/游戏/">小游戏</a></li>


			</ul>
		</div>
		<div id="body-wrap">
			<nav class="not_index_bg" id="nav" style="background-image:url(https://t.mwm.moe/pc)">
				<div id="page_site-info">
					<div id="site-title">
						<span class="blogtitle"></span>
						<script src="js/td.js"></script>
						<script>
							var typed = new Typed(".blogtitle", {
								strings: ['1+1', '等于2'],
								startDelay: 100,
								typeSpeed: 100,
								loop: true,
								backSpeed: 100,
								showCursor: true
							});
						</script>
					</div>
				</div>
			</nav>
			<main id="content-outer">
				<div class="layout_page" id="content-inner">
					<div class="aside_content" id="aside_content">
						<div 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="avatar">
									<div class="author-info__name">TAO.</div>
									<div class="author-info__description">00后青年<s>🤣👉</s></div>
									<div class="site-author-links">
										<div class="site-author-links-item">
											<a href="https://qm.qq.com/cgi-bin/qm/qr?k=5gMbZSYCaOGsnw7k2Vw0i8F4I95EwQ9q&noverify=0"
												rel="noopener" target="_blank">
												<center><i class="fa fa-qq" aria-hidden="true">🐧</i>QQ</center>
											</a>
										</div>
										<div class="site-author-links-item">
											<a href="https://www.utaol.cn/blog" rel="noopener" target="_blank">
												<center><i class="fa fa-comments">📧</i>邮箱</center>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="card-widget card-announcement">
							<div class="card-content">
								<div class="item-headline">
									<i class="fa fa-bullhorn" aria-hidden="true"></i>
									<span>TAO.</span>
								</div>
								<div id="hitokoto"></div>
							</div>
						</div>
						<div class="card-widget card-announcement">
							<div class="card-content">
								<div class="item-headline">
									<i class="fa fa-calendar" aria-hidden="true"></i>
									<span>今日诗词</span>
								</div>
								<div id="jinrishici-sentence"></div>
							</div>
						</div>

						<div class="card-widget card-webinfo">
							<div class="card-content">
								<div class="item-headline">
									<i class="fa fa-line-chart" aria-hidden="true"></i>
									<span>站点信息</span>
								</div>
								<div class="webinfo">
									<div class="webinfo-item">
										<div class="webinfo-site-uv-name">本站访客数 :</div>
										<div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div>
									</div>
									<div class="webinfo-item">
										<div class="webinfo-site-name">本站总访问量 :</div>
										<div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<article id="page">
						<div class="article-container">
							<hr data-content="我是分隔线">
											<!-- AI 智能对话窗口 -->
											<div class="ai-chat-container">
												<h2><i class="iconfont icon-ai"></i> AI 智能助手 (DeepSeek-V3)</h2>
												<div class="ai-chat-box">
													<div class="ai-message ai-response">
														<div class="ai-avatar">
															<img src="https://cdn.deepseek.com/chat/icon.png"
																alt="AI头像">
														</div>
														<div class="ai-content">
															<div class="ai-name">DeepSeek-V3</div>
															<div class="ai-text">您好！我是DeepSeek-V3 AI助手，有什么可以帮您的吗？</div>
														</div>
													</div>
												</div>

												<div class="ai-input-area">
													<textarea id="ai-question"
														placeholder="请输入您的问题...（例如：2025年中国大模型行业会面临哪些机遇和挑战？）"></textarea>
													<button id="ai-submit" class="ai-send-btn">
														<i class="iconfont icon-send"></i> 发送
													</button>
												</div>
												<div class="ai-tips">温馨提示：回答内容由AI生成，仅供参考</div>
											</div>

											<script>
												document.getElementById('ai-submit').addEventListener('click', async function() {
													const question = document.getElementById('ai-question').value.trim();
													if (!question) {
														alert('请输入您的问题');
														return;
													}

													const chatBox = document.querySelector('.ai-chat-box');
													const userMsg = document.createElement('div');
													userMsg.className = 'ai-message ai-user';
													userMsg.innerHTML = `
                    <div class="ai-avatar">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=1554788005&s=640" alt="用户头像">
                    </div>
                    <div class="ai-content">
                        <div class="ai-name">您</div>
                        <div class="ai-text">${question}</div>
                    </div>
                `;
													chatBox.appendChild(userMsg);

													const loadingMsg = document.createElement('div');
													loadingMsg.className = 'ai-message ai-response ai-loading';
													loadingMsg.innerHTML = `
                    <div class="ai-avatar">
                        <img src="https://img.icons8.com/color/48/000000/ai.png" alt="AI头像">
                    </div>
                    <div class="ai-content">
                        <div class="ai-name">DeepSeek-V3</div>
                        <div class="ai-text"><div class="loading-dots"><span></span><span></span><span></span></div></div>
                    </div>
                `;
													chatBox.appendChild(loadingMsg);
													chatBox.scrollTop = chatBox.scrollHeight;

													document.getElementById('ai-question').value = '';

													try {
														const response = await fetch('https://api.siliconflow.cn/v1/chat/completions', {
															method: 'POST',
															headers: {
																'Authorization': 'Bearer sk-wodmqpylytqnoetobxkxpkizodizidcirmpatnkcebvzzyvc', // 替换为您的实际API密钥
																'Content-Type': 'application/json'
															},
															body: JSON.stringify({
																model: "deepseek-ai/DeepSeek-V3",
																messages: [{
																	role: "user",
																	content: question
																}],
																temperature: 0.7,
																max_tokens: 2000,
																stream: false
															})
														});

														if (!response.ok) {
															throw new Error(`HTTP error! status: ${response.status}`);
														}

														const data = await response.json();
														loadingMsg.classList.remove('ai-loading');
														const answer = data.choices[0]?.message?.content || '抱歉，暂时无法回答这个问题';
														loadingMsg.querySelector('.ai-text').innerHTML = answer;
													} catch (error) {
														console.error('API请求错误:', error);
														loadingMsg.classList.remove('ai-loading');
														loadingMsg.querySelector('.ai-text').textContent = `请求失败: ${error.message}`;
													}
												});
											</script>

											<!-- 能力板 -->
											<h2>日常</h2>
											<div class="skillbox">
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 75%">
														<span>无聊</span>
													</div>
													<div class="skill-bar-percent">20%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #9900FF 0%, #CC66FF 100%); width: 40%">
														<span>......</span>
													</div>
													<div class="skill-bar-percent">40%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #2196F3 0%, #42A5F5 100%); width: 60%">
														<span>发呆</span>
													</div>
													<div class="skill-bar-percent">60%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #00BCD4 0%, #80DEEA 100%); width: 70%">
														<span>emm</span>
													</div>
													<div class="skill-bar-percent">70%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #00BCD4 0%, #f54009 100%); width: 80%">
														<span>摸鱼</span>
													</div>
													<div class="skill-bar-percent">80%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #4CAF50 0%, #81C784 100%); width: 60%">
														<span>空</span>
													</div>
													<div class="skill-bar-percent">60%</div>
												</div>
												<div class="skillbar">
													<div class="skillbar-title"
														style="background: linear-gradient(to right, #FFEB3B 0%, #FFF176 100%); width: 75%">
														<span>=?</span>
													</div>
													<div class="skill-bar-percent">75%</div>
												</div>
											</div>
											<hr data-content="我是分隔线">
											<h2>收藏</h2>
											<div class="tool">
												<a href="https://www.runoob.com/" target="_blank">菜鸟</a><br>
												<a href="https://www.w3school.com.cn" target="_blank">w3school</a>
											</div>
										</div>
									</article>
								</div>
			</main>
			<footer id="footer">
				<div id="footer-wrap">
					<div class="copyright">Copyright &copy; 2021 - 2023.Company <a href="https://www.utaol.cn/">LT</a>
						All rights reserved.</div>
				</div>
				<hr data-content="我是分隔线">
				<div id="footer-time">
					<span>本站已运行</span>
					<span id="LT_time"></span>
				</div>
			</footer>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.fancybox.js"></script>
		<script async src="js/busuanzi.pure.mini.js"></script>
		<script src="js/instantpage.js" type="module"></script>
		<script src="js/lazysizes.min.js" async></script>
		<script src="js/index.min.js"></script>
		<!--今日诗词   -->
		<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
		<script src="js/jinrishici.js" charset="utf-8"></script>
		<script type="text/javascript">
			//控制台
			console.clear();
			console.log("%c 有朋自远方来, 114514.", "background:#24272A; color:#ffffff", "");
			console.log("%c web %c", "background:#24272A; color:#ffffff", "", "https://www.utaol.cn");
			console.log("%c 版本号: %c", "background:#24272A; color:#ffffff", "", "1.2.4");
			// 浏览器搞笑标题
			var OriginTitle = document.title;
			var titleTime;
			document.addEventListener('visibilitychange', function() {
				if (document.hidden) {
					// $('[rel="icon"]').attr('href', "/funny.ico");
					document.title = '我靠我靠╭(°A°`)╮ 页面崩溃啦 ~';
					clearTimeout(titleTime);
				} else {
					$('[rel="icon"]').attr('href', "/favicon.ico");
					document.title = '(ฅ>ω<*ฅ) 噫又好啦 ~' + OriginTitle;
					titleTime = setTimeout(function() {
						document.title = OriginTitle;
					}, 2000);
				}
			});
		</script>
		<script src="js/index.js"></script><!-- 核心插件 -->
		<script src="js/Sitetime.js"></script><!-- 运行时间 -->
	</body>

</html>