body{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;background:#0f1420;color:#e8ecf3}
header{padding:20px 24px;background:#171e30;border-bottom:1px solid #2a3450}
h1{margin:0 0 6px;font-size:22px}
.sub{color:#9aa7c2;margin:0 0 12px;font-size:13px}
.toolbar button,.card button{margin-right:8px;padding:7px 14px;border:1px solid #3a4a6b;background:#22304d;color:#fff;border-radius:6px;cursor:pointer}
.toolbar button:hover,.card button:hover{background:#2c3f63}
main{max-width:1100px;margin:0 auto;padding:16px}
.card{background:#171e30;border:1px solid #2a3450;border-radius:10px;padding:16px;margin-bottom:16px}
h2{margin:0 0 12px;font-size:18px}
#symbols{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:16px}
.sym{border:1px solid #2a3450;border-radius:10px;padding:12px;background:#171e30;cursor:pointer}
.sym.active{border-color:#4da3ff}
.sym .price{font-size:22px;font-weight:700}
.up{color:#3ddc84}.down{color:#ff6b6b}
#intervals button{margin:0 4px 6px 0;padding:5px 10px;border:1px solid #3a4a6b;background:#22304d;color:#fff;border-radius:5px;cursor:pointer}
#intervals button.active{background:#4da3ff;border-color:#4da3ff}
canvas{width:100%;height:360px;background:#0b0f1a;border:1px solid #2a3450;border-radius:8px}
input{padding:7px 10px;border-radius:6px;border:1px solid #3a4a6b;background:#0b0f1a;color:#fff}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{border-bottom:1px solid #2a3450;padding:6px 4px;text-align:left}
a{color:#7ab8ff}
.post{border-bottom:1px solid #2a3450;padding:8px 0}
.post small{color:#9aa7c2}
.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#22304d;margin-right:6px}