:root{--bg-primary:#ffffff;--bg-secondary:#ecf0f1;--bg-hover:#f6f8fa;--text-primary:#24292e;--text-secondary:#89939e;--border-color:#ecedf0;--resizer-color:#ecedf0;--resizer-hover-color:#ecedf0;--highlight-color:#f7d049;--green-bg:rgba(1,200,117,0.1);--green-text:#01c875;--red-bg:rgba(253,69,91,0.1);--red-text:#fd455b;--left-panel-bg:#ecf0f1;--hover-color:#f6f8fa;--time-text:#59636d;--bg-popup:#ffffff;--bg-popuo-hover:#f8fafd;--tool-hover:#f8f9ff;--time-item-bg:#f2f3f5;--time-item-active-bg:#fff8d6;--box-shadow:0px 2px 15px 0px rgba(168,176,193,0.35);--scrollbar-track:var(--bg-hover);--scrollbar-thumb:#c9ced6;--scrollbar-thumb-hover:#b8bdc6}.dark-mode{--bg-primary:#121722;--bg-secondary:#1a202c;--bg-hover:#1a202c;--text-primary:#fff;--text-secondary:#a0aec0;--border-color:#2a2f3a;--resizer-color:#2a2f3a;--resizer-hover-color:#3a4150;--highlight-color:#f7d049;--green-bg:rgba(1,200,117,0.15);--green-text:#01c875;--red-bg:rgba(253,69,91,0.1);--red-text:#fd455b;--left-panel-bg:#1a202c;--hover-color:#2a2f3a;--time-text:#89939e;--bg-popup:#1e2022;--bg-popuo-hover:#2f3439;--tool-hover:#383c46;--time-item-bg:#2f3439;--time-item-active-bg:rgba(247,208,73,0.15);--box-shadow:none;--scrollbar-track:var(--hover-color);--scrollbar-thumb:#3a4150;--scrollbar-thumb-hover:#4a5263}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial, sans-serif;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.red{color:var(--red-text) !important}.green{color:var(--green-text) !important}body,.right-top,.left-panel,.main-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.layout-container{display:flex;flex-direction:column;width:100vw;height:100vh}.header{height:36px;color:var(--text-primary);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.header p{margin:0;font-size:18px;font-weight:bold}.main-content{display:flex;flex:1;overflow:hidden;height:calc(100vh - 36px)}.left-panel{position:relative;flex:1;background-color:var(--left-panel-bg);border-right:1px solid var(--border-color);overflow:hidden}.left-panel p{margin:0;font-size:16px;color:var(--text-primary)}.right-panel{width:400px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary);position:relative;padding-left:4px}.right-top-container{position:relative;height:850px;width:100%;border-bottom:1px solid var(--border-color);overflow:hidden}.right-top-container .top_header{width:100%;height:38px;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.right-top-container .top_header .list{cursor:pointer;margin-right:28px;font-weight:600;font-size:14px;color:var(--text-secondary)}.right-top-container .top_header .active{position:relative;color:var(--text-primary)}.right-top-container .top_header .active::before{content:" ";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--highlight-color)}.right-top{display:none;width:100%;overflow-y:auto;height:calc(100% - 38px)}.right-top.active{display:block}.right-top .top_header{width:100%;height:38px;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.right-top .top_header .list{cursor:pointer;margin-right:28px;font-weight:600;font-size:14px;color:var(--text-secondary)}.right-top .top_header .active{position:relative;color:var(--text-primary)}.right-top .top_header .active::before{content:" ";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--highlight-color)}.right-top .table_title{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.right-top .table_title .list{cursor:pointer;font-weight:400;font-size:12px;color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;min-width:0}.right-top .table_title .list:nth-child(1){width:26px;flex:0 0 26px;justify-content:center}.right-top .table_title .list:nth-child(2){flex:4 0 80px;text-align:left;justify-content:flex-start;margin-left:8px}.right-top .table_title .list:nth-child(3){flex:4 0 80px;margin-left:8px}.right-top .table_title .list:nth-child(4){flex:3 0 60px;margin-left:8px}.right-top .table_title .list:nth-child(5){flex:3 0 60px;margin-left:8px}.right-top .table_content{display:flex;flex-direction:column;overflow:hidden}.right-top .table_content .collect{height:100%;width:100%;margin-top:100px;display:none;align-items:center;justify-content:center}.right-top .table_content .collect div{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;border:none;cursor:pointer}.right-top .table_content .table_list{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border-color);cursor:pointer}.right-top .table_content .table_list a{display:flex;align-items:center;padding:0 12px;width:100%}.right-top .table_content .table_list:hover{background-color:var(--bg-hover)}.right-top .table_content .table_list .list{font-size:12px;color:var(--text-primary);text-align:right;height:40px;line-height:40px;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.right-top .table_content .table_list .list .start_img{width:14px;height:14px}.right-top .table_content .table_list .list:nth-child(1){padding:0;width:26px;flex:0 0 26px;justify-content:center}.right-top .table_content .table_list .list:nth-child(2){flex:4 0 80px;text-align:left;justify-content:flex-start;margin-left:8px}.right-top .table_content .table_list .list:nth-child(3){flex:4 0 80px;margin-left:8px}.right-top .table_content .table_list .list:nth-child(4){flex:3 0 60px;margin-left:8px}.right-top .table_content .table_list .list:nth-child(5){flex:3 0 60px;margin-left:8px}.right-bottom{height:308px;width:100%;background-color:var(--bg-primary);position:relative;padding:12px}.right-bottom .bottom_content{display:flex;flex-direction:column}.right-bottom .bottom_content .mylist_title{display:flex;align-items:center}.right-bottom .bottom_content .mylist_title img{width:20px;height:20px;margin-right:8px}.right-bottom .bottom_content .mylist_title .name{font-weight:600;font-size:12px;color:var(--text-primary)}.right-bottom .bottom_content .mylist_number{display:flex;align-items:flex-end;padding:8px 0 12px 0}.right-bottom .bottom_content .mylist_number .nums{font-weight:normal;font-size:20px;color:var(--text-primary)}.right-bottom .bottom_content .mylist_number .currency{font-weight:500;font-size:12px;color:var(--text-primary);padding:2px 4px}.right-bottom .bottom_content .mylist_number .price_limit{font-weight:500;font-size:12px;padding:2px 0}.right-bottom .bottom_content .mylist_data .title{font-weight:400;font-size:14px;color:var(--text-primary)}.right-bottom .bottom_content .mylist_data .content{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:6px;font-size:12px}.right-bottom .bottom_content .mylist_data .content .left{font-weight:400;font-size:12px;color:var(--text-secondary)}.right-bottom .bottom_content .mylist_data .content .right{font-weight:500;font-size:12px;color:var(--text-primary)}.right-bottom .bottom_content .mylist_time{margin-top:12px;display:flex;align-items:center;flex-flow:wrap;margin-right:-4px}.right-bottom .bottom_content .mylist_time .list{width:calc(33.333% - 4px);flex:0 0 calc(33.333% - 4px);height:48px;border-radius:6px 6px 6px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 4px 4px 0}.right-bottom .bottom_content .mylist_time .list .time{font-weight:400;font-size:12px;color:var(--text-primary)}.right-bottom .bottom_content .mylist_time .list .change{font-weight:500;font-size:12px;color:var(--green-text)}.right-bottom .bottom_content .mylist_time .green{background:var(--green-bg)}.right-bottom .bottom_content .mylist_time .green .change{color:var(--green-text)}.right-bottom .bottom_content .mylist_time .red{background:var(--red-bg)}.right-bottom .bottom_content .mylist_time .red .change{color:var(--red-text)}.resizer{position:absolute;background-color:var(--resizer-color);z-index:10;transition:background-color 0.2s ease}.resizer:hover{background-color:var(--resizer-hover-color)}.resizer-right{left:-0px;top:0;width:4px;height:100%;cursor:col-resize;touch-action:none;z-index:980}.resizer-bottom{left:0;top:-1px;width:100%;height:4px;cursor:row-resize;touch-action:none}.right-top{display:none;width:100%;overflow-y:auto;height:calc(100% - 38px)}.right-top.active{display:block}.right-top .top_header{width:100%;height:38px;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.right-top .top_header .list{cursor:pointer;margin-right:28px;font-weight:600;font-size:14px;color:var(--text-secondary)}.right-top .top_header .active{position:relative;color:var(--text-primary)}.right-top .top_header .active::before{content:" ";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--highlight-color)}.right-top .table_title{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.right-top .table_title .list{cursor:pointer;font-weight:400;font-size:12px;color:#89939e;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;min-width:0}.right-top .table_title .list:nth-child(1){width:26px;flex:0 0 26px;justify-content:center}.right-top .table_title .list:nth-child(2){flex:4 0 80px;text-align:left;justify-content:flex-start;margin-left:8px}.right-top .table_title .list:nth-child(3){flex:4 0 80px;margin-left:8px}.right-top .table_title .list:nth-child(4){flex:3 0 60px;margin-left:8px}.right-top .table_title .list:nth-child(5){flex:3 0 60px;margin-left:8px}.right-top .table_content{display:flex;flex-direction:column;overflow:hidden}.right-top .table_content .table_list{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border-color);cursor:pointer}.right-top .table_content .table_list a{display:flex;align-items:center;width:100%;padding:0 12px}.right-top .table_content .table_list:hover{background-color:var(--hover-color)}.right-top .table_content .table_list .list{font-size:12px;color:var(--text-primary);text-align:right;height:40px;line-height:40px;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.right-top .table_content .table_list .list .start_img{width:14px;height:14px}.right-top .table_content .table_list .list:nth-child(1){padding:0;width:26px;flex:0 0 26px;justify-content:center}.right-top .table_content .table_list .list:nth-child(2){flex:4 0 80px;text-align:left;justify-content:flex-start;margin-left:8px}.right-top .table_content .table_list .list:nth-child(3){flex:4 0 80px;margin-left:8px}.right-top .table_content .table_list .list:nth-child(4){flex:3 0 60px;margin-left:8px}.right-top .table_content .table_list .list:nth-child(5){flex:3 0 60px;margin-left:8px}.resizer{position:absolute;z-index:980;transition:background-color 0.2s ease}#chart{width:100%;height:100%}.toolbox{height:36px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;position:relative;z-index:998}.tool_item{position:relative;display:flex;align-items:center;height:36px;padding:0 12px;cursor:pointer;border-right:1px solid var(--border-color);font-weight:600;font-size:14px;color:var(--text-primary)}.tool_item:hover{background:var(--tool-hover)}.tool-logo{width:50px;height:16px}.tool-candle{width:16px;height:16px}.toolbox-controls{display:flex;align-items:center}.time_box{display:flex;align-items:center;gap:16px;padding:0 12px;padding-right:30px;border-right:1px solid var(--border-color);height:36px;position:relative}.time_item{font-weight:400;font-size:14px;color:var(--time-text);cursor:pointer}.time_item:hover{color:#c79b20}.time_item.active{color:#c79b20}.tool-down{position:absolute;width:16px;height:16px;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}.all_box{position:absolute;top:40px;right:12px;width:248px;background:var(--bg-popup);box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;padding:16px;box-sizing:border-box;display:none;grid-template-columns:repeat(3, 1fr);gap:12px;z-index:1001}.all_box.show{display:grid}.all_item{height:28px;line-height:28px;background:var(--time-item-bg);border-radius:4px 4px 4px 4px;text-align:center;font-weight:400;font-size:14px;color:var(--text-primary);cursor:pointer}.all_item.active{background:var(--time-item-active-bg);color:#c79b20;font-weight:500}.all_item:hover{background:var(--time-item-active-bg);color:#c79b20;font-weight:500}.candle_box{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:136px;height:304px;background:var(--bg-popup);box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;padding:8px 0;box-sizing:border-box;display:none;z-index:1001}.camera_box{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:158px;background:var(--bg-popup);box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;padding:8px 0;box-sizing:border-box;display:none;z-index:1001}.candle_box.show{display:block}.camera_box.show{display:block}.candle_item{display:flex;align-items:center;padding-left:16px;height:36px;cursor:pointer}.candle-icon{width:20px;height:20px}.candle_txt{margin-left:12px;font-weight:400;font-size:14px;color:var(--text-primary)}.candle_item:hover{background:var(--bg-popuo-hover)}.candle_item.active{background:var(--bg-popuo-hover)}.tool-camera{width:16px;height:16px}.tool-settings{width:16px;height:16px}.settings_box{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:158px;background:var(--bg-popup);box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;padding:8px 0;box-sizing:border-box;display:none;z-index:1001}.settings_box.show{display:block}.user_box{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:158px;background:var(--bg-popup);box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;padding:8px 0;box-sizing:border-box;display:none;z-index:1001}.user_box.show{display:block}.setting_txt{font-weight:400;font-size:14px;color:var(--text-primary)}.tool-switch{margin-left:12px;width:28px;height:16px;transition:all 0.3s ease}.tool-user{width:16px;height:16px;border-radius:50%}#theme-toggle{cursor:pointer;display:flex;align-items:center;padding-right:16px}.cg-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;background-color:var(--bg-popup);border-radius:6px;padding:16px 0 24px;height:650px;max-width:800px;box-shadow:var(--box-shadow);border-radius:8px 8px 8px 8px;z-index:10001}.cg-modal.show{display:block}.cg-modal .cg-header{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding-right:20px;border-bottom:1px solid var(--border-color)}.cg-modal .cg-search{display:flex;align-items:center;height:40px;padding:0 20px;border-bottom:1px solid var(--border-color);box-sizing:border-box}.cg-modal .search-icon{width:20px;height:20px}.cg-modal .search-input{margin-left:10px;border:none;outline:none;height:38px;width:100%;background:var(--bg-popup);color:var(--text-primary)}.cg-modal .trade-list{margin-top:5px}.cg-modal .table-header{display:flex;align-items:center;padding:0 20px}.cg-modal .table_th{font-size:14px;color:var(--text-primary);width:25%;text-align:left}.cg-modal .table-list{width:100%;height:480px;overflow-y:auto;margin-top:10px}.cg-modal .table_th:nth-child(3){text-align:right}.cg-modal .table_th:nth-child(4){text-align:right;padding-right:10px}.cg-modal .tab-box{display:flex;overflow:hidden;min-height:48px;position:relative;background:var(--bg-popup);border-radius:8px;padding:4px}.cg-modal .table-box:hover{background:rgba(0,0,0,0.04)}.cg-modal .tab-item{flex:0 0 auto;text-align:center;padding:12px 16px;cursor:pointer;position:relative;z-index:2;font-size:14px;font-weight:500;transition:color 0.3s ease;user-select:none}.cg-modal .tab-item.active{color:#c79b20}.cg-modal .tab-indicator{position:absolute;bottom:0px;height:2px;background:#fdd42e;border-radius:1px;transition:all 0.3s ease;z-index:1}.cg-modal .tab-content{display:none}.cg-modal .tab-content.active{display:block}.cg-modal .close-icon{width:20px;height:20px;cursor:pointer}.cg-modal .table-box{height:40px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color)}.cg-modal .table-td{font-size:14px;color:var(--text-primary);width:25%;text-align:left;font-weight:600}.cg-modal .table-td:nth-child(3){text-align:right}.cg-modal .table-td:nth-child(4){text-align:right}.cg-modal .exchange-icon{width:20px;height:20px;margin-right:8px;border-radius:50%}