html,body{height:100%}
.container.trend-container{max-width:1920px;padding:0 12px}
.trend-layout{grid-template-columns:1fr}
.trend-layout{padding:8px}
.trend-only{grid-column:1 / -1}
.trend-only .content{align-items:center}
.trend-card{background:#fff;width:max-content;max-width:100%;margin:0 auto}
.trend-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.trend-top-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.trend-top-right{display:flex;align-items:center;gap:8px}
.trend-label{font-size:14px;color:#111}
.trend-gap{width:20px}
.trend-gap-sm{width:12px}
.trend-select,.trend-date{height:32px;border:1px solid #d9d9d9;border-radius:4px;padding:0 8px;font-size:14px;background:#fff;color:#111}
.trend-date{cursor:pointer}
.trend-btn{height:32px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#111;padding:0 14px;font-size:14px;cursor:pointer}
.trend-btn.trend-sort{height:32px;padding:0 12px}
.trend-btn.trend-sort.active{border-color:rgba(59,130,246,.6);color:#2563eb}
.trend-btn:active{transform:translateY(1px)}
.trend-table-wrap{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #d9d9d9}
.trend-table{border-collapse:collapse;table-layout:fixed}
.trend-table col.col-fixed{background:#fff}
.trend-table col.col-pos0{background:rgba(255,74,77,.035)}
.trend-table col.col-pos1{background:rgba(63,154,255,.035)}
.trend-table col.col-pos2{background:rgba(255,142,26,.03)}
.trend-table col.col-pos3{background:rgba(34,179,205,.03)}
.trend-table col.col-pos4{background:rgba(166,122,255,.03)}
.trend-table th,.trend-table td{border:1px solid #d9d9d9;height:24px;min-height:24px;padding:0;text-align:center;vertical-align:middle;background:transparent}
.trend-table thead th:nth-child(2){border-right-width:2px}
.trend-table thead th:nth-child(3){border-left-width:2px}
.trend-table thead th:nth-child(3),.trend-table thead th:nth-child(4),.trend-table thead th:nth-child(5),.trend-table thead th:nth-child(6){border-right-width:2px}
.trend-table tbody td:nth-child(2){border-right-width:2px}
.trend-table tbody td:nth-child(3),.trend-table tbody td:nth-child(13),.trend-table tbody td:nth-child(23),.trend-table tbody td:nth-child(33),.trend-table tbody td:nth-child(43){border-left-width:2px}
.trend-table tbody td:nth-child(12),.trend-table tbody td:nth-child(22),.trend-table tbody td:nth-child(32),.trend-table tbody td:nth-child(42){border-right-width:2px}
.trend-table th{font-family:"Microsoft YaHei","Segoe UI",Arial,sans-serif;font-size:10px;font-weight:700;color:#000}
.trend-table td{font-family:"Microsoft YaHei","Segoe UI",Arial,sans-serif;font-size:9px;font-weight:400;color:#555}
.trend-table .td-period{font-size:10px;color:#000;background:#fff}
.trend-table .td-nums{font-size:9px;font-weight:700;color:#555;background:#fff}
.trend-table .td-hit{font-weight:700;color:#fff}
.trend-table th.th-pos0{background:rgba(255,74,77,.06)}
.trend-table th.th-pos1{background:rgba(63,154,255,.06)}
.trend-table th.th-pos2{background:rgba(255,142,26,.055)}
.trend-table th.th-pos3{background:rgba(34,179,205,.055)}
.trend-table th.th-pos4{background:rgba(166,122,255,.055)}
.trend-canvas{position:absolute;left:0;top:0;pointer-events:none}
.trend-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#111;font-size:24px;font-weight:800;letter-spacing:1px;z-index:3}