46 lines
2.4 KiB
HTML
46 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<title>赞赏支持 - 河南高考志愿助手</title>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}
|
|
.card{background:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));border:1px solid rgba(102,126,234,0.2);border-radius:20px;padding:48px 36px;max-width:440px;width:100%}
|
|
.heart{font-size:3rem;margin-bottom:16px}
|
|
h1{font-size:1.6rem;color:#fff;margin-bottom:8px}
|
|
.sub{color:#888;font-size:0.9rem;margin-bottom:28px;line-height:1.6}
|
|
.qr-box{width:200px;height:200px;background:rgba(255,255,255,0.04);border:2px dashed rgba(102,126,234,0.3);border-radius:16px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;color:#555;font-size:0.85rem;padding:16px;text-align:center}
|
|
.qr-box .placeholder{line-height:1.6}
|
|
.qr-box .placeholder em{font-style:normal;color:#667eea}
|
|
.tip{color:#666;font-size:0.82rem;line-height:1.7;margin-bottom:24px}
|
|
.btn{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:12px 32px;border-radius:30px;font-size:0.95rem;font-weight:600;transition:all 0.3s cubic-bezier(.34,1.56,.64,1)}
|
|
.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(102,126,234,0.35)}
|
|
.back{color:#667eea;text-decoration:none;font-size:0.85rem;display:inline-block;margin-top:20px}
|
|
.back:hover{text-decoration:underline}
|
|
.footer-text{color:#444;font-size:0.78rem;margin-top:40px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="heart">☕</div>
|
|
<h1>赞赏支持</h1>
|
|
<p class="sub">如果这个工具帮到了你，<br>可以请开发者喝杯咖啡 ☕</p>
|
|
|
|
<div class="qr-box">
|
|
<div class="placeholder">
|
|
💚<br><em>微信收款码</em><br>（牧尘）
|
|
</div>
|
|
</div>
|
|
|
|
<p class="tip">所有赞赏将用于服务器和数据库维护费用<br>感谢你的支持 ❤️</p>
|
|
|
|
<a href="/" class="btn">← 返回首页</a>
|
|
<br>
|
|
<a href="/" class="back">回到首页</a>
|
|
</div>
|
|
<p class="footer-text">河南高考志愿助手 · 一个独立开发者的个人项目</p>
|
|
</body>
|
|
</html>
|