Repository navigation
Expand file tree
/
Copy path404.html
More file actions
167 lines (150 loc) · 21.3 KB
/
Copy path404.html
File metadata and controls
167 lines (150 loc) · 21.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="robots" content="none">
<link rel="icon" href="logo10sxh.svg" type="image/svg+xml">
<title>怸歪小站-404页</title>
<script>
const savedTheme = localStorage.getItem("theme");
const systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
const initTheme = savedTheme || (systemDark ? "dark" : "light");
document.documentElement.setAttribute("data-theme", initTheme);
</script>
<style>
:root{--bg-color:#fefefe;--text-primary:#333;--text-secondary:#666;--text-desc:#777;--btn-bg:transparent;--btn-color:#555;--btn-border:1px solid #999;--btn-radius:4px;--toggle-color:#555;--toggle-border:1px solid #999;--pinyin-color:#888;--main-blue:#409eff;--btn-w:220px;--btn-h:56px;--btn-gap:12px;--glass-blur:14px;--float-up:-4px;--float-down:0px;--float-shadow-up:0 14px 40px rgba(0, 0, 0, 0.12);--float-shadow-down:0 2px 6px rgba(0, 0, 0, 0.05);--transition-base:all 0.22s ease;--bg-gradient-base:""}[data-theme=dark]{--bg-color:#121212;--text-primary:#f0f0f0;--text-secondary:#aaa;--text-desc:#888;--btn-bg:transparent;--btn-color:#f0f0f0;--btn-border:1px solid #666;--toggle-color:#f0f0f0;--toggle-border:1px solid #666;--pinyin-color:#aaa}*{margin:0;padding:0;box-sizing:border-box;font-weight:500;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform var(--transition-base),box-shadow var(--transition-base)}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);background-image:var(--bg-gradient-base);background-attachment:fixed;background-size:100vw 100vh;background-position:center;background-repeat:no-repeat;font-family:"lucida grande","lucida sans unicode",lucida,helvetica,"PingFang SC","Hiragino Sans GB","STHeiti Light","Microsoft YaHei","WenQuanYi Micro Hei";position:relative;padding:20px;line-height:1.4}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mode-toggle{position:fixed;top:20px;right:20px;width:45px;height:45px;border-radius:50%;background:0 0;color:var(--toggle-color);border:var(--toggle-border);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;z-index:99;outline:0;transform-origin:center}.mode-toggle:hover{transform:translateY(var(--float-up));box-shadow:var(--float-shadow-up)}.mode-toggle:active{transform:translateY(var(--float-down));box-shadow:var(--float-shadow-down)}.mode-toggle:focus-visible{box-shadow:0 0 0 2px rgba(64,158,255,.5)}h1{font-size:clamp(2.5rem, 8vw, 80px);line-height:1.1;margin-bottom:30px;color:var(--text-primary);font-weight:900}h1 ruby{text-align:center}h1 rt{font-size:.28em;color:var(--pinyin-color);line-height:1;margin-bottom:.1em;font-weight:700}h2{font-size:clamp(1.2rem, 3vw, 26px);color:var(--text-secondary);margin:8px 0 10px 0;line-height:1.4;font-weight:600}p.desc{font-size:18px;line-height:1.5;color:var(--text-desc);margin-bottom:16px;font-weight:600}.btn-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--btn-w),1fr));gap:var(--btn-gap);justify-content:center;width:100%;max-width:calc(var(--btn-w) * 2 + var(--btn-gap));margin-bottom:0!important}.btn-wrap a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--btn-w);height:var(--btn-h);color:var(--btn-color);background:rgba(255,255,255,.11);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.18);border-radius:10px;outline:0;transform-origin:center}[data-theme=dark] .btn-wrap a{background:rgba(22,28,42,.16);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.18);box-shadow:0 8px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}.btn-wrap a .btn-main{font-size:16px;font-weight:600}.btn-wrap a .btn-sub{font-size:12px;color:var(--text-desc);margin-top:3px;font-weight:600}.btn-wrap a:hover{transform:translateY(var(--float-up));border-top-color:rgba(255,255,255,.32);box-shadow:var(--float-shadow-up),0 4px 15px rgba(64,158,255,.2)}[data-theme=dark] .btn-wrap a:hover{border-top-color:rgba(255,255,255,.16);box-shadow:var(--float-shadow-up),0 4px 15px rgba(64,158,255,.4)}.btn-wrap a:active{transform:translateY(var(--float-down));box-shadow:var(--float-shadow-down)}.btn-wrap a:focus-visible{box-shadow:0 0 0 2px rgba(64,158,255,.5)}@media (max-width:520px){.btn-wrap{grid-template-columns:1fr;max-width:var(--btn-w)}}.custom-html-area{display:contents!important}.custom-html-area a,.custom-html-area br,.custom-html-area div,.custom-html-area p,.custom-html-area span{line-height:0!important;margin:0!important;padding:0!important;font-size:12px;color:var(--text-secondary);vertical-align:top;display:inline-block}.icp-area{width:100%;text-align:center;padding:4px 0;color:var(--text-desc);font-size:11px;line-height:1.3}.icp-area a:hover{color:var(--main-blue)}.footer-copyright{width:100%;text-align:center;padding:0 0 4px;color:var(--text-desc);font-size:12px;line-height:1.3}.footer-copyright .rss-trigger{cursor:pointer;color:inherit;transition:transform .2s ease}.footer-copyright .rss-trigger:hover{color:var(--main-blue);text-decoration:underline;transform:scale(1.02)}.footer-copyright a:hover{color:var(--main-blue)}.custom-footer{width:100%;max-width:1024px;margin:0 auto 0!important;text-align:center}.custom-footer-content{display:flex;flex-direction:column;gap:.01rem;align-items:center}.custom-footer-text{font-size:.875rem;color:var(--text-desc);line-height:1.3}.custom-footer-text a{color:inherit;text-decoration:underline}.custom-footer-text a:hover{opacity:.8;color:var(--main-blue)}#site-time{font-size:.85em;color:var(--text-desc);letter-spacing:.01em;line-height:1.3}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;line-height:1.4}.footer-links a{display:inline-flex;align-items:center;gap:4px;color:var(--text-desc);text-decoration:none;transition:opacity .2s;white-space:nowrap}.footer-links a:hover{opacity:.7;color:var(--main-blue)}.footer-links .sep{color:var(--text-secondary);font-size:.75rem;line-height:1}.badge-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:6px 0}.badge-row a{line-height:0}.badge-dual{display:inline-flex;align-items:center;font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;border-radius:6px;overflow:hidden;height:20px;vertical-align:middle;margin:2px 4px;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.32);transition:transform .22s ease,box-shadow .22s ease;transform-origin:center}.badge-dual:hover{transform:translateY(var(--float-up));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.28),var(--float-shadow-up)}.badge-dual:active{transform:translateY(var(--float-down));box-shadow:var(--float-shadow-down)}.badge-left-part{color:#fff;padding:0 10px;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.badge-right-part{color:#fff;padding:0 10px;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.rss-popup{position:fixed;background:rgba(255,255,255,.11);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.06);border-radius:12px;padding:10px 14px;box-shadow:var(--float-shadow-up);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s ease;z-index:9999;white-space:nowrap;pointer-events:none}[data-theme=dark] .rss-popup{background:rgba(22,28,42,.16);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.18)}.rss-popup.show{opacity:1;visibility:visible;pointer-events:auto}.rss-popup::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:rgba(255,255,255,.11);border-right:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.06);transform:translateX(-50%) rotate(45deg)}[data-theme=dark] .rss-popup::after{background:rgba(22,28,42,.16);border-right:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.18)}.rss-popup-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.rss-popup-title{font-size:13px;line-height:1;color:var(--text-primary);font-weight:600}.rss-popup-links{display:flex;align-items:center;justify-content:center;gap:8px}.rss-popup-link{font-size:12px;font-weight:600;line-height:1;color:var(--text-secondary);text-decoration:none;transition:color .2s,transform var(--transition-base)}.rss-popup-link:hover{color:var(--main-blue);transform:translateY(var(--float-up))}.rss-popup-link:active{transform:translateY(var(--float-down))}.rss-popup-sep{font-size:12px;line-height:1;color:var(--text-desc)}
</style>
</head>
<body>
<button class="mode-toggle" onclick="toggleMode()">☀️</button>
<div class="main-content">
<h1>
<ruby>欢<rt>huān</rt></ruby>
<ruby>迎<rt>yíng</rt></ruby>
<ruby>光<rt>guāng</rt></ruby>
<ruby>临<rt>lín</rt></ruby>
<br>
<ruby>怸<rt>xī</rt></ruby>
<ruby>歪<rt>wāi</rt></ruby>
<ruby>小<rt>xiǎo</rt></ruby>
<ruby>站<rt>zhàn</rt></ruby>
</h1>
<h2>404-能看到这个页面说明你很牛逼了!</h2>
<p class="desc">更多内容点击下方链接访问我的主页~</p>
<div class="btn-wrap">
<a href="https://cycy.fun" target="_blank" rel="noopener noreferrer nofollow">
<span class="btn-main">怸歪小站</span>
<span class="btn-sub">我的主站:cycy.fun</span>
</a>
<a href="https://347777.xyz" target="_blank" rel="noopener noreferrer nofollow">
<span class="btn-main">怸歪博客</span>
<span class="btn-sub">博客站:347777.xyz</span>
</a>
<a href="https://776789.xyz" target="_blank" rel="noopener noreferrer nofollow">
<span class="btn-main">镜像一站</span>
<span class="btn-sub">镜像一站:776789.xyz</span>
</a>
<a href="https://9020028.xyz" target="_blank" rel="noopener noreferrer nofollow">
<span class="btn-main">一个导航</span>
<span class="btn-sub">一个导航:9020028.xyz</span>
</a>
</div>
</div>
<div class="custom-html-area">
</div>
<div class="custom-footer">
<div class="custom-footer-content">
<p class="custom-footer-text"> 已经到底了哦~ </p>
<div class="badge-row">
<a href="https://www.youtube.com/@%E6%80%B8%E6%AD%AA" target="_blank" rel="noopener noreferrer nofollow">
<span class="badge-dual">
<span class="badge-left-part"
style="font-weight:700;background: linear-gradient(135deg, #454545 0%, #333 100%);">YouTube</span>
<span class="badge-right-part"
style="background: linear-gradient(135deg, #cb0a0a 0%, #9b0707 100%);">油管</span>
</span>
</a>
<a href="zz.html" target="_blank" rel="noopener noreferrer nofollow">
<span class="badge-dual">
<span class="badge-left-part"
style="font-weight:700;background: linear-gradient(135deg, #454545 0%, #333 100%);">$$$</span>
<span class="badge-right-part"
style="background: linear-gradient(135deg, #07c160 0%, #06a050 100%);">资助</span>
</span>
</a>
</div>
<p class="custom-footer-text footer-links">
<a href="https://github.com/oxn/" target="_blank" rel="noopener noreferrer" title="GitHub">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path fill-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
</a>
<span class="sep">|</span>
<a href="https://space.bilibili.com/675877055" target="_blank" rel="noopener noreferrer"
title="Bilibili">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z">
</path>
</svg>
</a>
<span class="sep">|</span>
<a href="mailto:aszx@qq.com" title="发送邮件">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="4" width="20" height="16" rx="2"></rect>
<path d="M22 4L12 13 2 4"></path>
</svg>
</a>
</p>
<p class="custom-footer-text">
<a href="https://icp.gov.moe/?keyword=20262789" target="_blank">萌ICP备20262789号</a>
</p>
<p id="site-time">本站已苦苦支撑很久了!</p>
<p class="custom-footer-text footer-links">
<span>Protected by</span>
<a href="https://www.github.com" target="_blank" rel="noopener noreferrer" title="GO GitHub!">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
<span class="sep">|</span>
<span>Storage by</span>
<a href="https://www.github.com" target="_blank" rel="noopener noreferrer" title="GO GitHub!">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
<span class="sep">|</span>
<span>Analytics by</span>
<a href="https://www.github.com" target="_blank" rel="noopener noreferrer" title="GO GitHub!">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
</p>
</div>
</div>
<div class="footer-copyright">
©
<script>document.write(new Date().getFullYear())</script> 生活不易 | <span class="rss-trigger"
id="rssTrigger">怸歪小站</span>
</div>
<div class="rss-popup" id="rssPopup">
<div class="rss-popup-inner">
<div class="rss-popup-title">怸歪小站镜像</div>
<div class="rss-popup-links">
<a href="https://cycy.fun" target="_blank" class="rss-popup-link">怸歪小站</a>
<span class="rss-popup-sep">|</span>
<a href="https://347777.xyz" target="_blank" class="rss-popup-link">怸歪博客</a>
<span class="rss-popup-sep">|</span>
<a href="https://9020028.xyz" target="_blank" class="rss-popup-link">一个导航</a>
</div>
</div>
</div>
<script>function randomBgGradient() { const t = "dark" === document.documentElement.getAttribute("data-theme"), e = (5 + 90 * Math.random()).toFixed(2), a = (5 + 90 * Math.random()).toFixed(2), o = (200 + 80 * Math.random()).toFixed(2), n = (100 + 30 * Math.random()).toFixed(2); let d; d = t ? `radial-gradient(ellipse ${o}% ${n}% at ${e}% ${a}%, #111827 0%, #0f1318 45%, #0a0e12 100%)` : `radial-gradient(ellipse ${o}% ${n}% at ${e}% ${a}%, #e9e9cc 0%, #b8e4ee 45%, #e6f2fb 100%)`, document.documentElement.style.setProperty("--bg-gradient-base", d) } const startDate = new Date("2011-11-19"); function updateSiteTime() { const t = (new Date).getTime() - startDate.getTime(), e = 6e4, a = 36e5, o = 864e5, n = 365 * o, d = Math.floor(t / n); let i = t % n; const r = Math.floor(i / o); i %= o; const m = Math.floor(i / a); i %= a; const l = Math.floor(i / e); i %= e; const c = Math.floor(i / 1e3); document.getElementById("site-time").textContent = "本站已苦苦支撑 " + d + " 年 " + r + " 天 " + m + " 小时 " + l + " 分 " + c + " 秒" } updateSiteTime(), setInterval(updateSiteTime, 1e3), randomBgGradient(); function toggleMode() { const e = document.documentElement, t = document.querySelector(".mode-toggle"), o = "dark" === e.getAttribute("data-theme") ? "light" : "dark"; e.setAttribute("data-theme", o), t.textContent = "dark" === o ? "🌙" : "☀️", localStorage.setItem("theme", o), randomBgGradient() } window.onload = () => { const e = document.documentElement.getAttribute("data-theme"); document.querySelector(".mode-toggle").textContent = "dark" === e ? "🌙" : "☀️" }, window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e => { if (!localStorage.getItem("theme")) { const t = document.documentElement, o = e.matches ? "dark" : "light"; t.setAttribute("data-theme", o), document.querySelector(".mode-toggle").textContent = "dark" === o ? "🌙" : "☀️", randomBgGradient() } }); const rssTrigger = document.getElementById("rssTrigger"), rssPopup = document.getElementById("rssPopup"); let showFlag = !1; function setPopupPos() { const o = rssTrigger.getBoundingClientRect(), s = rssPopup.offsetWidth, e = o.left + o.width / 2 - s / 2, t = o.top - rssPopup.offsetHeight - 8, p = window.innerWidth - s - 8, n = Math.max(8, Math.min(e, p)); rssPopup.style.left = n + "px", rssPopup.style.top = t + "px" } function openPopup() { setPopupPos(), showFlag = !0, rssPopup.classList.add("show") } function closePopup() { showFlag = !1, rssPopup.classList.remove("show") } rssTrigger.onclick = function (o) { o.stopPropagation(), showFlag ? closePopup() : openPopup() }, document.onclick = closePopup, rssPopup.onclick = function (o) { o.stopPropagation() }, document.addEventListener("keydown", function (o) { "Escape" === o.key && closePopup() }), window.addEventListener("resize", function () { showFlag && setPopupPos() }), window.addEventListener("scroll", function () { showFlag && setPopupPos() })</script>
</body>
</html>