body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f4f7fc; }
header { text-align:center; background:white; color:white; padding:0; border-bottom:1px solid #fff;border-radius: 5px;padding: 8px;}
header img { width:100%; height:auto; display:block;border-radius: 5px;}
.container { width:95%; max-width:1400px; margin:0 auto; background:white; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); padding:0 5px 50px; }
.search-container { margin:0 0 8px; text-align:center; }
.search-container input { width: 100%;box-sizing: border-box;padding:12px; border-radius:4px; border:1px solid #ccc; }
.hot-zone-wrapper { position:relative; margin:15px 0; }
.hot-zone { display:flex; overflow-x:auto; gap:10px; padding:5px 0; scroll-behavior:smooth; }
.hot-zone::-webkit-scrollbar { display:none; }
.hot-stock { flex:0 0 120px; background:#f0f2f5; border-radius:6px; padding:10px; text-align:center; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.hot-zone-wrapper button { position:absolute; top:50%; transform:translateY(-50%); background:#fff; border:none; padding:5px; cursor:pointer; z-index:10; }
#hotPrev { left:0; }
#hotNext { right:0; }
table { width:95%; border-collapse:collapse; text-align:center; margin-top:10px; }
th, td { padding:12px 10px; border-bottom:1px solid #ddd; cursor:pointer; }
th { background:#f0f2f5; font-weight:bold; user-select:none; }
th.sortable:hover { background:#e0e4eb; }
.price { font-weight:bold; }
.change.up { color:green; }
.change.down { color:red; }
canvas { height:50px !important; }
.tooltip-text { text-align:center; font-size:0.9rem; color:#555; margin-bottom:5px; }
.chart-popup-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:99; }
.chart-popup { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:white; border-radius:8px; box-shadow:0 5px 15px rgba(0,0,0,0.3); padding:15px; display:none; z-index:100; max-width:90%; width:80%; text-align: center;}
.chart-popup .info { text-align:center; margin-bottom:10px; font-weight:bold; font-size:1.1rem; }
.chart-popup canvas { width:100% !important; height:300px !important; }
.chart-popup button { margin-top:10px; padding:5px 10px; cursor:pointer; }
footer { text-align:center; background:#2f3e56; color:white; padding:15px; margin-top:20px; font-size:0.9rem; }
@media(max-width:768px){ 
    th, td { padding:8px 3px; } 
    canvas { height:40px !important; }
}
table tr:last-child {
      border-bottom: none; /* 去掉最后一行的下边框 */
    }

    table tr:last-child td {
  border-bottom: none; /* 去掉最后一行每个单元格的下边框 */
}
.no-data-tip {
  display: none;
}