fish
76 lines
2.6 KiB
HTML
76 lines
2.6 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>
|
|
:root {
|
|
--bg: #fff; --fg: #1e293b; --sub: #64748b;
|
|
}
|
|
[data-theme="dark"] {
|
|
--bg: #0f172a; --fg: #e2e8f0; --sub: #94a3b8;
|
|
}
|
|
body {
|
|
font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; padding: 48px 24px;
|
|
max-width: 600px; margin: 0 auto; color: var(--fg); background: var(--bg);
|
|
text-align: center;
|
|
}
|
|
h1 { font-size: 1.6rem; margin-bottom: 8px; }
|
|
.sub { color: var(--sub); font-size: 0.85rem; margin-bottom: 40px; }
|
|
.card {
|
|
display: block; padding: 24px; margin: 16px 0; border-radius: 12px;
|
|
text-decoration: none; font-size: 1.1rem; font-weight: 600;
|
|
transition: transform .15s, box-shadow .15s;
|
|
border: 1px solid var(--sub);
|
|
}
|
|
.card:hover { transform: translateY(-2px); }
|
|
.card.sa { color: #2563eb; border-color: #bfdbfe; background: #eff6ff; }
|
|
.card.fg { color: #059669; border-color: #a7f3d0; background: #ecfdf5; }
|
|
[data-theme="dark"] .card.sa { color: #93c5fd; border-color: #1e3a5f; background: #0f1a2e; }
|
|
[data-theme="dark"] .card.fg { color: #6ee7b7; border-color: #064e3b; background: #0a1f17; }
|
|
.card .desc { font-size: 0.8rem; font-weight: 400; color: var(--sub); margin-top: 4px; }
|
|
.toggle-btn {
|
|
position: fixed; top: 16px; right: 24px; background: var(--bg);
|
|
border: 1px solid var(--sub); color: var(--fg);
|
|
padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 0.82rem; z-index: 10;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<button class="toggle-btn" id="themeToggle">🌙 暗夜</button>
|
|
|
|
<h1>振幅锁仓策略</h1>
|
|
<p class="sub">2026年7月 · 玻璃</p>
|
|
<a class="card fg" href="index-FG.html">
|
|
玻璃 FG
|
|
<div class="desc">FG2609 · FG2610 · FG2611 · FG2701</div>
|
|
</a>
|
|
|
|
<script>
|
|
var themeBtn = document.getElementById('themeToggle');
|
|
themeBtn.addEventListener('click', toggleTheme);
|
|
function setTheme(dark) {
|
|
if (dark) {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
themeBtn.textContent = '☀️ 日间';
|
|
} else {
|
|
document.documentElement.removeAttribute('data-theme');
|
|
themeBtn.textContent = '🌙 暗夜';
|
|
}
|
|
try { localStorage.setItem('ft-theme', dark ? 'dark' : 'light'); } catch(e) {}
|
|
}
|
|
function toggleTheme() {
|
|
setTheme(document.documentElement.getAttribute('data-theme') !== 'dark');
|
|
}
|
|
(function() {
|
|
try {
|
|
var s = localStorage.getItem('ft-theme');
|
|
if (s === 'dark' || (!s && matchMedia('(prefers-color-scheme: dark)').matches)) setTheme(true);
|
|
} catch(e) {}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|