Skip to content

Commit 1862b37

Browse files
CommandstoneCommandstone
authored
Update CSTCloud.html
1 parent 2329d49 commit 1862b37

File tree

1 file changed

+102
-126
lines changed

1 file changed

+102
-126
lines changed

‎cst/CSTCloud.html‎

Lines changed: 102 additions & 126 deletions
Original file line numberDiff line numberDiff line change
@@ -1,176 +1,152 @@
1+
12
<!DOCTYPE html>
23
<html lang="zh-CN">
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>页面重定向中...</title>
7+
<title>正在跳转中...</title>
78
<style>
8-
* {
9+
body {
910
margin: 0;
1011
padding: 0;
11-
box-sizing: border-box;
12-
}
13-
14-
body {
15-
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
16-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
1712
height: 100vh;
1813
display: flex;
14+
flex-direction: column;
1915
justify-content: center;
2016
align-items: center;
21-
color: white;
17+
background: linear-gradient(135deg, #E6E6FA 0%, #87CEFA 100%);
18+
font-family: 'Arial', sans-serif;
19+
overflow: hidden;
20+
user-select: none;
2221
}
23-
2422
.container {
2523
text-align: center;
26-
padding: 2rem;
27-
background: rgba(255, 255, 255, 0.1);
28-
backdrop-filter: blur(10px);
24+
padding: 30px;
25+
background-color: rgba(255,255,255,0.2);
2926
border-radius: 20px;
30-
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
31-
max-width: 90%;
32-
width: 500px;
33-
}
34-
35-
.logo {
36-
width: 80px;
37-
height: 80px;
38-
margin: 0 auto 1.5rem;
39-
background: rgba(255, 255, 255, 0.2);
40-
border-radius: 50%;
41-
display: flex;
42-
align-items: center;
43-
justify-content: center;
44-
font-size: 2rem;
27+
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
28+
backdrop-filter: blur(5px);
29+
animation: fadeIn 1s ease-out;
4530
}
46-
47-
h1 {
48-
font-size: 2.5rem;
49-
margin-bottom: 1rem;
50-
font-weight: 300;
31+
.cat-container {
32+
position: relative;
33+
width: 250px;
34+
height: 250px;
35+
margin: 0 auto 25px;
36+
pointer-events: none;
5137
}
52-
53-
p {
54-
font-size: 1.2rem;
55-
margin-bottom: 2rem;
56-
opacity: 0.9;
38+
.cat-gif {
39+
width: 100%;
40+
height: 100%;
41+
object-fit: contain;
42+
animation: pulse 2s infinite, float 3s ease-in-out infinite;
43+
-webkit-user-drag: none;
44+
user-drag: none;
45+
filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));
5746
}
58-
5947
.countdown {
60-
font-size: 3rem;
48+
font-size: 22px;
49+
color: #4B0082;
50+
margin: 20px 0;
6151
font-weight: bold;
62-
margin: 1rem 0;
63-
color: #ffeb3b;
52+
text-shadow: 0 2px 4px rgba(255,255,255,0.5);
53+
opacity: 0;
54+
animation: fadeIn 1s forwards 0.5s;
6455
}
65-
6656
.progress-container {
6757
width: 100%;
68-
height: 8px;
69-
background: rgba(255, 255, 255, 0.2);
70-
border-radius: 4px;
58+
max-width: 350px;
59+
height: 10px;
60+
background-color: rgba(75,0,130,0.2);
61+
border-radius: 5px;
62+
margin: 20px auto;
7163
overflow: hidden;
72-
margin: 2rem 0;
64+
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
7365
}
74-
7566
.progress-bar {
7667
height: 100%;
77-
background: linear-gradient(to right, #4caf50, #8bc34a);
78-
width: 100%;
79-
border-radius: 4px;
80-
animation: countdown 3s linear forwards;
81-
}
82-
83-
@keyframes countdown {
84-
from { width: 100%; }
85-
to { width: 0%; }
68+
width: 0;
69+
background: linear-gradient(90deg, #9370DB 0%, #BA55D3 100%);
70+
border-radius: 5px;
71+
transition: width 0.1s linear;
8672
}
87-
88-
.redirect-link {
89-
display: inline-block;
90-
margin-top: 1.5rem;
91-
padding: 0.8rem 1.5rem;
92-
background: rgba(255, 255, 255, 0.2);
93-
border-radius: 50px;
94-
text-decoration: none;
95-
color: white;
96-
font-weight: 500;
97-
transition: all 0.3s ease;
98-
border: 1px solid rgba(255, 255, 255, 0.3);
99-
}
100-
101-
.redirect-link:hover {
102-
background: rgba(255, 255, 255, 0.3);
103-
transform: translateY(-2px);
73+
.hint {
74+
color: #6A5ACD;
75+
font-size: 14px;
76+
margin-top: 15px;
77+
opacity: 0.8;
10478
}
105-
106-
.loader {
107-
display: inline-block;
108-
width: 24px;
109-
height: 24px;
110-
border: 3px solid rgba(255, 255, 255, 0.3);
111-
border-radius: 50%;
112-
border-top-color: white;
113-
animation: spin 1s ease-in-out infinite;
114-
margin-right: 10px;
115-
vertical-align: middle;
79+
@keyframes pulse {
80+
0% { transform: scale(1); }
81+
50% { transform: scale(1.05); }
82+
100% { transform: scale(1); }
11683
}
117-
118-
@keyframes spin {
119-
to { transform: rotate(360deg); }
84+
@keyframes float {
85+
0%, 100% { transform: translateY(0); }
86+
50% { transform: translateY(-10px); }
12087
}
121-
122-
@media (max-width: 600px) {
123-
.container {
124-
padding: 1.5rem;
125-
}
126-
127-
h1 {
128-
font-size: 2rem;
129-
}
130-
131-
p {
132-
font-size: 1rem;
133-
}
134-
135-
.countdown {
136-
font-size: 2rem;
137-
}
88+
@keyframes fadeIn {
89+
from { opacity: 0; transform: translateY(10px); }
90+
to { opacity: 1; transform: translateY(0); }
13891
}
13992
</style>
14093
</head>
14194
<body>
14295
<div class="container">
143-
<div class="logo">🔗</div>
144-
<h1>页面重定向中</h1>
145-
<p>您将被重定向到目标网站</p>
146-
147-
<div class="countdown" id="countdown">3</div>
148-
96+
<div class="cat-container">
97+
<img src="cat.gif" alt="oiiai" class="cat-gif" draggable="false">
98+
</div>
99+
<div class="countdown" id="countdown">10秒后自动跳转...</div>
149100
<div class="progress-container">
150-
<div class="progress-bar"></div>
101+
<div class="progress-bar" id="progress"></div>
151102
</div>
152-
153-
<p>正在为您跳转到 <strong>CST云盘</strong></p>
154-
155-
<a href="https://cstx.zone.id/CSTCloud" class="redirect-link">
156-
<span class="loader"></span>
157-
立即跳转
158-
</a>
103+
<div class="hint">请稍候，正在为跳转...</div>
159104
</div>
160105

161106
<script>
162-
let count = 3;
107+
// 禁用右键菜单
108+
document.addEventListener('contextmenu', function(e) {
109+
e.preventDefault();
110+
return false;
111+
});
112+
113+
// 禁用开发者工具快捷键
114+
document.addEventListener('keydown', function(e) {
115+
if (e.key === 'F12' ||
116+
(e.ctrlKey && e.shiftKey && e.key === 'I') ||
117+
(e.ctrlKey && e.shiftKey && e.key === 'J') ||
118+
(e.ctrlKey && e.key === 'U') ||
119+
(e.ctrlKey && e.key === 'S') ||
120+
(e.ctrlKey && e.key === 'P')) {
121+
e.preventDefault();
122+
return false;
123+
}
124+
});
125+
126+
// 禁用文本选择和拖动
127+
document.onselectstart = function() { return false; };
128+
document.ondragstart = function() { return false; };
129+
130+
// 倒计时和进度条动画
131+
let seconds = 10;
163132
const countdownElement = document.getElementById('countdown');
133+
const progressElement = document.getElementById('progress');
164134

165-
const countdown = setInterval(() => {
166-
count--;
167-
countdownElement.textContent = count;
135+
const timer = setInterval(() => {
136+
seconds--;
137+
countdownElement.textContent = `${seconds}秒后自动跳转...`;
138+
progressElement.style.width = `${(10 - seconds) * 10}%`;
168139

169-
if (count <= 0) {
170-
clearInterval(countdown);
171-
window.location.href = 'https://cstx.zone.id/CSTCloud';
140+
if (seconds <= 0) {
141+
clearInterval(timer);
142+
window.location.href = "https://cstx.zone.id/CSTCloud";
172143
}
173144
}, 1000);
145+
146+
// 防止页面离开
147+
window.onbeforeunload = function() {
148+
return "您确定要离开此页面吗？";
149+
};
174150
</script>
175151
</body>
176152
</html>

0 commit comments

Comments
 (0)