.trend-key{display:flex;justify-content:space-between;gap:10px;color:#687891;font-size:12px}.trend-dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#2877e7}.trend-chart{margin:10px 0 14px;padding:8px;border-radius:12px;background:linear-gradient(180deg,#f7fbff,#edf5ff);border:1px solid rgba(58,108,174,.13)}.trend-chart svg{display:block;width:100%;height:auto}.trend-chart line{stroke:#b9cbe4;stroke-width:1}.trend-chart .mid{stroke-dasharray:4 4}.trend-chart polyline{fill:none;stroke:#2877e7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-row{display:flex;gap:4px;overflow-x:auto;padding-bottom:3px}.trend-row>div{display:grid;gap:2px;min-width:42px;padding:6px 3px;border-radius:8px;background:#f4f8fe;text-align:center}.trend-row b{color:#8190a2;font-size:10px}.trend-row strong{color:#2369bf;font-size:17px}.trend-row span{border-radius:5px;padding:2px;font-size:10px;color:#fff}.trend-row .trend-big{background:#e95252}.trend-row .trend-small{background:#1997d8}
.live-board-tabs-four{grid-template-columns:repeat(4,1fr)}.gap-intro{margin:0 0 12px;color:#6a7b91;font-size:12px}.gap-intro b{color:#2778df}.gap-group{margin:14px 0}.gap-group h3{margin:0 0 7px!important;color:#365678!important;font-size:14px!important}.gap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.gap-item{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px;padding:9px;border:1px solid rgba(53,95,147,.12);border-radius:9px;background:#f6f9fe;color:#66778e;font-size:12px}.gap-item strong{color:#e45558;font-size:18px}.gap-item small{grid-column:1/-1;color:#8796a8;font-size:10px}