:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#c3c9d1;background:#000;font-synthesis:none;--chrome:#222629;--cyan:#00d6d7;--yellow:#e3e600;--orange:#ff7c15;--red:#ff353b;--green:#00d300}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--cyan);outline-offset:-2px}button:disabled{opacity:.3;cursor:default}button:hover{color:#fff}button:disabled:hover{color:inherit}.terminal{height:100dvh;min-height:420px;display:flex;flex-direction:column;overflow:hidden}header{height:43px;flex-shrink:0;background:#303438;display:flex;align-items:center;gap:24px;padding:0 18px;font-size:14px}.brand{font-size:21px;letter-spacing:1px}.brand i{font-style:normal;font-size:15px;color:#e2e5e9}.title{color:#b9c0c7}.top-status{margin-left:auto;font-size:12px}.lamp{display:inline-block;background:#8d8f94;width:6px;height:6px;border-radius:50%;margin-right:4px}.lamp.on{background:var(--green)}header button{font-size:12px}.toolbar{height:55px;flex-shrink:0;display:flex;align-items:center;gap:17px;background:var(--chrome);padding:0 20px}.view-name{font-size:18px;margin-right:8px}.view-name span{margin-left:12px;color:#8a9098}.search{display:flex;align-items:center;width:260px;height:32px;border:1px solid #43484d;background:#181b1e;padding:0 10px;gap:8px}.search span{font-size:23px}.search input{width:100%;min-width:0;background:none;border:0;color:#e5e8eb;font-size:13px;outline:none}.search button{font-size:19px}.toolbar select{height:32px;background:#222629;color:#c3c9d1;border:1px solid #43484d;padding:0 9px;font-size:13px}.refresh{font-size:14px}.hint{margin-left:auto;color:#808890;font-size:12px}main{display:flex;flex:1;min-height:0}nav{width:54px;flex-shrink:0;background:var(--chrome);display:flex;flex-direction:column;padding-top:26px;border-right:1px solid #393d40}nav button{height:85px;width:100%;font-size:17px;letter-spacing:9px;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #111619;border-left:2px solid transparent}nav button.active{color:var(--orange);background:#15191c;border-left-color:var(--orange)}.rail-end{margin-top:auto;text-align:center;padding:15px 0;color:#596067;font-size:12px}.market{flex:1;min-width:0;display:flex;flex-direction:column;background:#000}.notice{min-height:30px;padding:7px 15px;color:#8a939e;font-size:11px;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #222}.catalog{white-space:nowrap;color:#b0b4b9}.table-wrap{flex:1;overflow:auto;scrollbar-color:#41474c #16191b;scrollbar-width:thin}table{border-collapse:separate;border-spacing:0;min-width:1850px;width:100%;white-space:nowrap;font-family:Arial,Microsoft YaHei,sans-serif;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#000;height:45px;color:var(--cyan);font-family:Microsoft YaHei,sans-serif;font-size:15px;font-weight:400;border-bottom:1px solid #9b151b;padding:0 13px;text-align:right;z-index:2}th button{padding:0;font-size:inherit;color:inherit}th small{font-size:12px}td{height:43px;text-align:right;font-size:18px;padding:0 13px;border-top:1px solid transparent;border-bottom:1px solid transparent}td.amount,td.index{color:var(--yellow)}.up{color:var(--red)}.down{color:var(--green)}.flat{color:#e1e5eb}.index{width:76px;min-width:76px;padding-left:8px;padding-right:12px}.star{color:var(--yellow);font-size:15px;float:left;padding:2px 5px 2px 0}.contract{position:sticky;left:0;background:#000;text-align:center;min-width:200px;max-width:270px;color:var(--yellow);z-index:1}.contract button{max-width:250px;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;font-size:17px;padding:0}.contract small{display:block;font-size:10px;color:#7e8422;margin-top:2px;line-height:10px}th.contract{z-index:3;color:var(--cyan)}tr.selected td{border-top-color:var(--yellow);border-bottom-color:var(--yellow)}tr.selected td:first-child{border-left:1px solid var(--yellow)}tr.selected td:last-child{border-right:1px solid var(--yellow)}tbody tr:hover td{background:#10110c}.empty{padding:65px 25px;color:#7c858e;font-size:14px;text-align:center}.table-bottom{background:#181c1f;display:flex;align-items:center;justify-content:space-between;height:43px;flex-shrink:0;border-top:1px solid #2c3033;padding:0 12px}.table-bottom button{padding:10px 15px;font-size:14px}.chosen{color:var(--orange)!important;background:#24282b}.count{font-size:11px;color:#7d858d;margin-left:20px}.pagination{display:flex;align-items:center;font-size:12px;gap:8px}.pagination button{font-size:12px;padding:9px 8px}.bottom-tabs{height:45px;background:var(--chrome);display:flex;align-items:center;padding:0 20px 0 54px;gap:25px;font-size:12px;color:#828b95}.bottom-tabs button{height:100%;font-size:16px;border-bottom:2px solid var(--orange);padding:0 18px}.bottom-tabs button span{font-size:23px;margin-left:18px;color:#9da3a8}.snapshot{margin-left:auto}footer{height:33px;flex-shrink:0;display:flex;align-items:center;gap:30px;background:#181c20;border-top:1px solid #34393e;padding:0 18px 0 72px;font-size:12px}.orange{color:var(--orange)}.cyan{color:var(--cyan)}.footer-end{margin-left:auto}.signal{color:var(--green);margin-left:15px}.overlay{position:fixed;inset:0;background:#0009;z-index:10;display:flex;justify-content:flex-end}.overlay aside{width:420px;max-width:100%;height:100%;overflow:auto;background:#191e22;border-left:1px solid #484e53;padding:30px 27px;box-shadow:-15px 0 60px #0006}.close{float:right;font-size:25px}.overlay h2{color:var(--yellow);font-size:22px;font-weight:400;margin:5px 0 18px}.overlay p{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.overlay dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;line-height:2.5}.overlay dt{color:#929ca7}.overlay dd{margin:0;text-align:right;color:#e3e8ed}.accent{border:1px solid #665234;color:var(--orange);padding:8px 16px;font-size:13px}@media(min-width:2000px){td{height:49px;font-size:22px}th{font-size:18px}.contract button{font-size:21px}}@media(max-width:760px){header{gap:12px;padding:0 10px;height:40px}.title,.hint,.view-name,.catalog{display:none}.brand{font-size:18px}.top-status{font-size:10px}header button{font-size:10px}.toolbar{height:49px;gap:8px;padding:0 10px}.search{width:auto;flex:1}.toolbar select{max-width:110px;font-size:11px;padding:0 3px}.refresh{font-size:0;padding:0}.refresh:first-letter{font-size:24px}nav{width:38px;padding-top:28px}nav button{font-size:14px;height:74px;letter-spacing:6px}.notice{font-size:10px;padding:7px 8px}.contract{min-width:160px;max-width:190px}.contract button{max-width:175px;font-size:15px}td{font-size:16px;height:43px}.table-bottom{padding:0 3px;height:auto;min-height:44px;flex-wrap:wrap;gap:0}.table-bottom button{font-size:12px;padding:12px 8px}.count{display:none}.pagination{gap:0;font-size:10px}.pagination button{font-size:10px;padding:10px 4px}.bottom-tabs{padding-left:38px;gap:10px;height:40px}.bottom-tabs>span:not(.snapshot){display:none}.bottom-tabs button{font-size:13px;padding:0 9px}.bottom-tabs button span{margin-left:8px}.snapshot{font-size:9px;margin-right:8px}footer{padding:0 8px;gap:8px;font-size:9px}.footer-end{max-width:100px;overflow:hidden;white-space:nowrap}.signal{display:none}}
