:root{--bg: #f5f6f8;--bg-card: #ffffff;--bg-soft: #eef0f3;--text: #1a1d23;--text-muted: #6b7280;--border: #e5e7eb;--accent: #7c3aed;--accent-soft: #f3eeff;--green: #16a34a;--red: #dc2626;--amber: #d97706;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--radius: 12px}[data-theme=dark]{--bg: #0f1115;--bg-card: #171a20;--bg-soft: #1e2229;--text: #e6e8eb;--text-muted: #8b919c;--border: #262b33;--accent: #a78bfa;--accent-soft: #221b36;--green: #34d399;--red: #f87171;--amber: #fbbf24;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-weight:700;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px}.brand .logo{width:22px;height:22px;display:inline-block}.brand .logo-dot{color:var(--accent)}.brand small{font-weight:500;color:var(--text-muted);margin-left:2px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-back{font-size:13px;color:var(--text-muted)}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-soft)}.hero{padding:32px 0 8px}.hero h1{font-size:28px;font-weight:800;letter-spacing:-.02em}.hero .tagline{color:var(--text-muted);margin-top:6px;font-size:15px}.hero-stats{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px;background:var(--bg-soft);color:var(--text-muted)}.pill .dot{width:8px;height:8px;border-radius:50%}.pill.running .dot{background:var(--green);animation:pulse 2s infinite}.pill.offline .dot{background:var(--red)}.pill strong{color:var(--text);font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.range-bar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.range-bar .label{font-size:14px;font-weight:600}.range-tabs{display:flex;gap:6px;background:var(--bg-soft);padding:3px;border-radius:10px}.range-tabs button{border:none;background:transparent;color:var(--text-muted);font-size:13px;padding:5px 14px;border-radius:8px;cursor:pointer}.range-tabs button.active{background:var(--bg-card);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card .card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card .pair{font-weight:700;font-size:15px}.card .type-tag{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.card .kv{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--text-muted)}.card .kv strong{color:var(--text);font-weight:600}.card .kv .num.up{color:var(--green)}.card .kv .num.down{color:var(--red)}.card .empty{color:var(--text-muted);font-size:13px;text-align:center;padding:12px 0}.chart-section{margin-top:24px}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.chart-head .title{font-size:15px;font-weight:700}.chart-head .sub{font-size:12px;color:var(--text-muted);margin-left:8px;font-weight:400}.pair-select{display:flex;gap:6px;flex-wrap:wrap}.pair-select button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:13px;padding:4px 12px;border-radius:8px;cursor:pointer}.pair-select button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.chart-box{width:100%;height:360px}.playbook{margin:28px 0 40px}.playbook h2{font-size:18px;margin-bottom:14px}.playbook .steps{display:grid;gap:12px}.playbook .step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.playbook .step h3{font-size:14px;margin-bottom:4px}.playbook .step h3 .num{color:var(--accent);margin-right:8px}.playbook .step p{font-size:13px;color:var(--text-muted)}.playbook .note{margin-top:12px;font-size:12px;color:var(--text-muted);background:var(--bg-soft);border-radius:8px;padding:10px 12px}.footer{text-align:center;color:var(--text-muted);font-size:12px;padding:20px 0 36px;border-top:1px solid var(--border);margin-top:8px}@media (max-width: 768px){.hero h1{font-size:22px}.grid{grid-template-columns:1fr}.chart-box{height:280px}}