body{margin:0;padding:0;background:#f4f7fb}.stock_page{background:#f4f7fb;padding-bottom:80px}.stock_scroll_market{width:100%;height:48px;background:#fff;border-bottom:1px solid #f0f1f8;display:flex;align-items:center;overflow:hidden}.stock_scroll_track{display:flex;align-items:center;gap:24px;animation:stock-scroll 60s linear infinite;width:fit-content}.stock_scroll_track:hover{animation-play-state:paused}@keyframes stock-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.stock_scroll_item{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;text-decoration:none;color:inherit}.stock_scroll_item:hover,.stock_scroll_item:focus,.stock_scroll_item:active{color:inherit;text-decoration:none}.stock_scroll_logo{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.stock_scroll_symbol{font-size:14px;font-weight:600;color:#1a1a1a}.stock_scroll_price{font-size:14px;font-weight:500;color:#1a1a1a}.stock_scroll_change{font-size:14px;font-weight:500}.stock_scroll_info{display:flex;align-items:center;gap:4px}.stock_scroll_arrow{width:16px;height:16px}.positive{color:#09c274}.negative{color:#f43c52}.stock_main{width:1200px;margin:0 auto}.stock_index_cards{display:flex;gap:20px;margin:20px 0}.stock_index_card{flex:1;min-width:0;background:#fff;border-radius:12px;padding:16px;overflow:hidden}.stock_index_name{font-weight:600;font-size:24px;line-height:22px;color:#1a1a1a;margin-bottom:12px}.stock_index_data{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:12px}.stock_index_data.positive{color:#09c274}.stock_index_data.positive .stock_index_price,.stock_index_data.positive .stock_index_arrow,.stock_index_data.positive .stock_index_change,.stock_index_data.positive .stock_index_change span{color:#09c274}.stock_index_data.negative{color:#f43c52}.stock_index_data.negative .stock_index_price,.stock_index_data.negative .stock_index_arrow,.stock_index_data.negative .stock_index_change,.stock_index_data.negative .stock_index_change span{color:#f43c52}.stock_index_price{font-weight:600;font-size:28px;line-height:26px;white-space:nowrap}.stock_index_arrow{font-size:28px;margin-left:8px;margin-right:12px}.stock_index_change{font-size:16px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:12px}.stock_index_chart{width:100%;height:120px;margin-top:4px}.stock_table_box{background:#fff;margin-top:20px;border-radius:12px;border:1px solid #f0f1f8;overflow:hidden}.stock_tabs{height:82px;padding:0 20px;display:flex;align-items:center;gap:12px;overflow-x:auto;white-space:nowrap}.stock_tabs::-webkit-scrollbar{display:none}.stock_tab_btn{flex-shrink:0;height:42px;line-height:42px;font-weight:500;font-size:18px;color:#1a1a1a;cursor:pointer;padding:0 20px;background:#f4f7fb;border-radius:100px;border:none;outline:none;text-decoration:none;display:inline-block;box-sizing:border-box}.stock_tab_btn.active{background:#fdd42e;color:#1a1a1a}.stock_table_scroll_top{width:100%;overflow-x:auto;overflow-y:hidden;height:10px;background:transparent;scrollbar-width:thin;scrollbar-color:#e8eaed transparent}.stock_table_scroll_top.is-hidden{display:none}.stock_table_scroll_top::-webkit-scrollbar{height:6px}.stock_table_scroll_top::-webkit-scrollbar-thumb{background:#e8eaed;border-radius:3px}.stock_table_scroll_top::-webkit-scrollbar-thumb:hover{background:#909499}.stock_table_scroll_top::-webkit-scrollbar-track{background:transparent}.stock_table_scroll_top_inner{height:1px}.stock_table_wrap{border-top:1px solid #f0f1f8;width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.stock_table_wrap::-webkit-scrollbar{display:none}.stock_table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff;min-width:max-content}.stock_table thead th{padding:14px 16px;font-weight:500;font-size:12px;color:#576278;text-align:left;border-bottom:1px solid #f0f1f8;background:#fff;white-space:nowrap;position:relative}.stock_table thead th.is-fixed{position:sticky;z-index:10;background:#fff}.stock_table thead th.is-sortable{cursor:pointer;user-select:none}.stock_table thead th .th_content{display:flex;align-items:center;gap:6px}.stock_table thead th .th_content.align-right{justify-content:flex-end}.stock_table thead th .th_content.align-center{justify-content:center}.stock_table tbody tr.stock_table_empty td{padding:48px 16px;text-align:center;color:#7c8597;border-bottom:none}.stock_table .stock_table_empty_text{font-size:14px;line-height:20px}.stock_table tbody td{padding:10px 16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f0f1f8;white-space:nowrap;text-align:right}.stock_table tbody td.is-fixed{position:sticky;z-index:2;background:#fff}.col-collect{width:40px;text-align:center;left:0;z-index:12}.col-rank{width:48px;text-align:center;left:40px;z-index:11}.col-symbol{width:96px;min-width:84px;left:88px;z-index:10;box-shadow:4px 0 8px -4px rgba(0,0,0,0.06)}.col-name{width:168px;max-width:168px;overflow:hidden;white-space:nowrap;text-align:left}.rank_cell{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;color:#576278}.name_cell{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.name_cell:hover,.name_cell:focus,.name_cell:active{color:inherit;text-decoration:none}.name_cell .stock_logo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.name_cell .stock_code{font-weight:600;font-size:14px;color:#1a1a1a;line-height:18px}.stock_name_cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;color:#1a1a1a;line-height:18px;text-decoration:none;text-align:left}.stock_name_cell:hover,.stock_name_cell:focus,.stock_name_cell:active{color:#1a1a1a;text-decoration:none}.price_cell{font-size:14px;font-weight:500}.percent_cell{font-size:14px;font-weight:500}.percent_cell.up{color:#09c274}.percent_cell.down{color:#f43c52}.marketcap_cell{font-size:14px;color:#1a1a1a}.trend_cell{width:127px;height:26px}.collect_btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.collect_btn img{width:14px;height:14px}.sort_icon{display:inline-flex;flex-direction:column;gap:1px;line-height:0}.sort_icon::before,.sort_icon::after{content:"";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.sort_icon::before{border-bottom:5px solid #a8b0c1}.sort_icon::after{border-top:5px solid #a8b0c1;margin-top:2px}.is-sortable.is-sorted.is-asc .sort_icon::before{border-bottom-color:#fdd42e}.is-sortable.is-sorted.is-desc .sort_icon::after{border-top-color:#fdd42e}.stock_pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:14px;color:#576278}.stock_pager{display:flex;align-items:center;gap:8px}.stock_pager span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:4px;cursor:pointer;background:#f4f7fb;color:#1a1a1a;font-size:14px}.stock_pager span.active{background:#fdd42e;color:#1a1a1a;font-weight:600}.stock_pager span.disabled{color:#a8b0c1;cursor:not-allowed}