* { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow: hidden; }
body {
    overflow: hidden;
    background-color: var(--bg-base, #1e232d); color: var(--text-color, #dddddd);
    font-family: "Microsoft YaHei","微软雅黑","JetBrains Mono","Roboto Mono",Consolas,Monaco,"PingFang SC",monospace,sans-serif;
    margin: 0; padding: 0; font-size: 12px; line-height: 1.3;
}
::-webkit-scrollbar { width: 3px; height: 3px; background: transparent; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: #555555; }
::-webkit-scrollbar-thumb:hover { background: #ff9900; }
::-webkit-scrollbar-track { background: var(--border-color, #333333); }
* { scrollbar-width: thin; scrollbar-color: #555555 var(--border-color, #333333); }
.scroll__wrapper { width: max-content; height: 100vh; overflow-y: auto; overflow-x: auto; }
table { width: auto; border-collapse: collapse; table-layout: auto; border-spacing: 0; }
th, td { padding: 0 3px; text-align: center; vertical-align: middle; white-space: nowrap; overflow: hidden; }
td { border: none; cursor: default; }
th { border: none; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
table thead { position: sticky; z-index: 100; background-color: var(--bg-base, #1e232d); top: 0; }
thead th { color: #fff; font-size: 12px; font-weight: 400; height: 20px; line-height: 20px; background-color: var(--bg-header, #191d25); padding: 0 5px; position: relative; cursor: pointer; }
thead th:hover { color: #ff9900; }
tbody tr { height: 20px; box-sizing: border-box; }
tbody tr:hover { background-color: var(--bg-hover, #1f477a) !important; }
tbody tr.tr--selected { background-color: var(--bg-selected, #0e1b2c) !important; border-bottom: 1px solid #4a9eff; }
tbody tr.tr--selected td { background-color: var(--bg-selected, #0e1b2c) !important; border-bottom: 1px solid #4a9eff; }
.col-name { width: fit-content; white-space: nowrap; padding-left: 4px; padding-right: 4px; text-align: left; }
.col-narrow { width: fit-content; white-space: nowrap; }
.col-concept { width: fit-content; white-space: nowrap; text-align: left !important; }
.c-up { color: var(--color-up, #D22222); }
.c-down { color: var(--color-down, #4eeeee); }
.c-open-eq { color: #3459ff; }
.c-concept { color: var(--color-link, #01bcdd); }
.c-unit { color: var(--text-unit, #1f477a); }
.c-bse { color: var(--text-bse, #9332e6); }
.c-gray { color: var(--text-secondary, #888888); }
.bg-limit-main { background-color: var(--bg-main-limit, #800000); color: #fff; }
.bg-limit-gem { background-color: var(--bg-gem-limit, #800080); color: #fff; }
.bg-limit-down { background-color: var(--bg-limit-down, #006006); color: #fff; }
.bg-limit-down-last { background-color: var(--bg-limit-down, #006006); color: #dddddd; }
tbody tr.tr--selected td.bg-limit-main { background-color: var(--bg-main-limit, #800000) !important; color: #fff !important; }
tbody tr.tr--selected td.bg-limit-gem { background-color: var(--bg-gem-limit, #800080) !important; color: #fff !important; }
tbody tr.tr--selected td.bg-limit-down { background-color: var(--bg-limit-down, #006006) !important; color: #fff !important; }
tbody tr.tr--selected td.bg-limit-down-last { background-color: var(--bg-limit-down, #006006) !important; color: #dddddd !important; }
.circulate-value { color: var(--text-color, #dddddd); }