:root { color-scheme: dark; font-family: Inter, "Microsoft YaHei", sans-serif; background: #07111f; color: #eef6ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #123253 0, #07111f 44%); }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 28px clamp(20px, 5vw, 72px); border-bottom: 1px solid #ffffff18; }
.eyebrow { margin: 0 0 6px; color: #6ec8ff; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(24px, 4vw, 38px); }
button { border: 1px solid #ffffff2b; border-radius: 10px; padding: 10px 16px; color: #eef6ff; background: #ffffff0d; cursor: pointer; }
main { width: min(1180px, calc(100% - 32px)); margin: 28px auto 64px; }
.summary { display: flex; justify-content: space-between; gap: 20px; padding: 20px 22px; border: 1px solid #6ec8ff3b; border-radius: 16px; background: #0d2035d9; }
.summary span { color: #9fb3c8; }
.signal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 18px; }
.signal { padding: 18px; border: 1px solid #ffffff18; border-radius: 14px; background: #0b1a2bcc; box-shadow: 0 14px 40px #0003; }
.signal.buy { border-color: #37d69366; }
.signal.sell { border-color: #ff667766; }
.signal-head { display: flex; justify-content: space-between; gap: 12px; font-size: 19px; }
.buy .signal-head b { color: #37d693; }
.sell .signal-head b { color: #ff6677; }
.neutral .signal-head b { color: #f5c451; }
.signal p, .signal small { color: #9fb3c8; }
.prices { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.prices span { padding: 6px 8px; border-radius: 8px; background: #ffffff0d; font-size: 13px; }
.empty { color: #9fb3c8; }
@media (max-width: 600px) { .topbar, .summary { align-items: flex-start; flex-direction: column; } }