|
<!DOCTYPE html> |
|
<html lang="zh"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>操作结果 - HF Space Manager</title> |
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> |
|
<style> |
|
:root { |
|
--primary-color: #00ff9d; |
|
--primary-dark: #00cc7d; |
|
--secondary-color: #ff00ff; |
|
--background-color: #0a0b0f; |
|
--card-background: #12141c; |
|
--text-primary: #ffffff; |
|
--text-secondary: #7f8ea3; |
|
--border-color: #1e2029; |
|
--card-border: 1px solid #2a2d3a; |
|
--card-glow: 0 0 20px rgba(0, 255, 157, 0.1); |
|
--border-radius: 12px; |
|
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); |
|
} |
|
|
|
* { |
|
margin: 0; |
|
padding: 0; |
|
box-sizing: border-box; |
|
font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; |
|
} |
|
|
|
body { |
|
background-color: var(--background-color); |
|
background-image: |
|
radial-gradient(circle at 10% 20%, rgba(0, 255, 157, 0.03) 0%, transparent 20%), |
|
radial-gradient(circle at 90% 80%, rgba(255, 0, 255, 0.03) 0%, transparent 20%); |
|
min-height: 100vh; |
|
display: flex; |
|
flex-direction: column; |
|
color: var(--text-primary); |
|
} |
|
|
|
.container { |
|
flex: 1; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
padding: 2rem; |
|
position: relative; |
|
} |
|
|
|
.container::before { |
|
content: ''; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
transform: translate(-50%, -50%); |
|
width: 100%; |
|
height: 100%; |
|
background: radial-gradient(circle at center, rgba(0, 255, 157, 0.03) 0%, transparent 70%); |
|
pointer-events: none; |
|
} |
|
|
|
.result-card { |
|
background: var(--card-background); |
|
padding: 2.5rem; |
|
border-radius: var(--border-radius); |
|
border: var(--card-border); |
|
box-shadow: var(--card-glow); |
|
width: 100%; |
|
max-width: 500px; |
|
text-align: center; |
|
position: relative; |
|
overflow: hidden; |
|
animation: cardAppear 0.5s ease-out; |
|
} |
|
|
|
@keyframes cardAppear { |
|
from { |
|
opacity: 0; |
|
transform: translateY(20px); |
|
} |
|
to { |
|
opacity: 1; |
|
transform: translateY(0); |
|
} |
|
} |
|
|
|
.result-card::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
height: 2px; |
|
background: linear-gradient(90deg, transparent, var(--primary-color), transparent); |
|
opacity: 0.5; |
|
} |
|
|
|
.result-message { |
|
color: var(--text-primary); |
|
margin-bottom: 2rem; |
|
font-size: 1.1rem; |
|
line-height: 1.6; |
|
position: relative; |
|
padding: 1rem; |
|
} |
|
|
|
.result-message::after { |
|
content: ''; |
|
position: absolute; |
|
bottom: -10px; |
|
left: 50%; |
|
transform: translateX(-50%); |
|
width: 50px; |
|
height: 2px; |
|
background: var(--primary-color); |
|
opacity: 0.5; |
|
} |
|
|
|
.back-button { |
|
display: inline-flex; |
|
align-items: center; |
|
gap: 0.5rem; |
|
padding: 0.75rem 1.5rem; |
|
background: rgba(0, 255, 157, 0.1); |
|
border: 1px solid var(--primary-color); |
|
color: var(--primary-color); |
|
text-decoration: none; |
|
border-radius: 6px; |
|
font-weight: 500; |
|
transition: var(--transition); |
|
} |
|
|
|
.back-button:hover { |
|
background: var(--primary-color); |
|
color: var(--background-color); |
|
box-shadow: 0 0 15px rgba(0, 255, 157, 0.3); |
|
transform: translateY(-1px); |
|
} |
|
|
|
.footer { |
|
text-align: center; |
|
padding: 2rem; |
|
color: var(--text-secondary); |
|
font-size: 0.9rem; |
|
background: rgba(18, 20, 28, 0.5); |
|
backdrop-filter: blur(10px); |
|
border-top: 1px solid var(--border-color); |
|
} |
|
|
|
.footer a { |
|
color: var(--primary-color); |
|
text-decoration: none; |
|
transition: var(--transition); |
|
} |
|
|
|
.footer a:hover { |
|
text-shadow: 0 0 10px var(--primary-color); |
|
} |
|
|
|
@media (max-width: 480px) { |
|
.container { |
|
padding: 1rem; |
|
} |
|
|
|
.result-card { |
|
padding: 1.5rem; |
|
} |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<div class="result-card"> |
|
<div class="result-message"> |
|
<i class="fas fa-info-circle" style="font-size: 2rem; color: var(--primary-color); margin-bottom: 1rem; display: block; text-shadow: 0 0 10px var(--primary-color);"></i> |
|
{{ message }} |
|
</div> |
|
<a href="/dashboard" class="back-button"> |
|
<i class="fas fa-arrow-left"></i> |
|
返回控制面板 |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<footer class="footer"> |
|
<a href="https://github.com/ssfun/hf-space-manager">HF Space Manager</a> 由 |
|
<a href="https://github.com/ssfun">ssfun</a> 构建，源代码遵循 |
|
<a href="https://github.com/zhanghxiao">MistPeak</a> 二次开发遵循 |
|
<a href="https://opensource.org/license/mit">MIT 协议</a> |
|
</footer> |
|
</body> |
