:root {
    /* 浅色主题 - 优化版 */
    --text-primary: #1a1a1a;
    --text-secondary: #4a5568;
    --text-tertiary: #718096;
    --border-color: #f1f1f1;
    --neutral-color: #a0aec0;
    
    /* 表格和组件 */
    --table-row-hover: #f7fafc;
    --table-row-selected: #ebf8ff;
    --scrollbar-thumb: #cbd5e0;
    --scrollbar-track: #f1f5f9;
    --card-shadow: rgba(0, 0, 0, 0.06);
    --transition-speed: 0.25s;
    
    /* 按钮和交互 */
    --button-bg: #f7f7f7;
    --button-hover-bg: #cbd5e0;
    --button-active-bg: #a0aec0;
    --button-text: #2d3748;
    
    /* 特殊状态 */
    --zt-bg: #fff5f5;
    --zb-bg: #f0fff4;
    --jj-color-up: #e53e3e;
    --jj-color-down: #38a169;
    
    /* 股票代码颜色 */
    --stock-cyb: #3182ce;     /* 创业板 */
    --stock-kcb: #dd6b20;     /* 科创板 */
    --stock-bjs: #805ad5;     /* 北交所 */
    --stock-main: #2d3748;    /* 主板 */

    --ban-color:#1e88e5;

    --ban-2-color: #FF9223;
    --ban-3-color: #D93600;
    --ban-4-color: #FF0000;
    --ban-5-color: #8B0000;

    --uplimit-bg-color:#e53e3e;
}

body#dark {
    /* 深色主题 - 优化版 */
    --text-primary: #e2e8f0;
    --text-secondary: #a0aec0;
    --text-tertiary: #718096;
    --border-color: #2d3748;
    --neutral-color: #4a5568;
    
    /* 表格和组件 */
    --table-header-bg: #212433;
    --table-row-hover: #2d3748;
    --table-row-selected: #2c5282;
    --scrollbar-thumb: #4a5568;
    --scrollbar-track: #1a202c;
    --card-shadow: rgba(0, 0, 0, 0.3);
    
    /* 按钮和交互 */
    --button-bg: #2d3748;
    --button-hover-bg: #4a5568;
    --button-active-bg: #718096;
    --button-text: #e2e8f0;
    
    /* 特殊状态 */
    --zt-bg: #742a2a;
    --zb-bg: #22543d;
    --jj-color-up: #fc8181;
    --jj-color-down: #68d391;
    
    /* 股票代码颜色 */
    --stock-cyb: #63b3ed;     /* 创业板 */
    --stock-kcb: #f6ad55;     /* 科创板 */
    --stock-bjs: #b794f4;     /* 北交所 */
    --stock-main: #cbd5e0;    /* 主板 */

    --ban-color:#64b5f6;
    --stock-color:#F0BE83;

    --ban-2-color: #FFA500;
    --ban-3-color: #FF6347;
    --ban-4-color: #FF4500;
    --ban-5-color: #ba68c8;

    --uplimit-bg-color:#e53e3e;
}

::-webkit-scrollbar {
    width: 100px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.5;
    transition: background-color var(--transition-speed), color var(--transition-speed);
}

/* 表格样式优化 */
.table {
    background-color: var(--bg-primary);
    border-color: var(--border-color) !important;
    margin-bottom: 0;
}

.table th {
    border-color: var(--border-color) !important;
    background-color: var(--table-header-bg);
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 12px;
    padding: 8px 0px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.table td {
    border-color: var(--border-color) !important;
    color: var(--text-primary);
    padding: 6px 0px;
    font-size: 12px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 0px;
    font-weight: normal;
    cursor: pointer;
    border-top: 1px solid var(--border-color);
}

#lhtable td,
#lhtable th {
    padding: 4px 8px;
}

/* 头部按钮组 */
.btn-group {
    width: 100%;
    border-left: none;
    display: flex;
    flex-direction: row;
    background-color: var(--bg-secondary);
}

.btn-group .btn {
    flex: 1;
    border-radius: 0;
    margin-left: 0;
    background-color: var(--button-bg);
    color: var(--button-text);
    border-color: var(--border-color);
    font-size: 12px;
    padding: 8px 4px;
    transition: all var(--transition-speed);
}

.btn-group .btn:hover {
    background-color: var(--button-hover-bg);
}

.btn-group .btn-warning {
    background-color: var(--positive-color);
    color: white;
    border-color: var(--positive-color);
}

.btn-group .btn-warning:hover {
    background-color: var(--positive-color);
    opacity: 0.9;
}

.btn-default {
    background-color: var(--button-bg);
    color: var(--button-text);
    border-color: var(--border-color);
}

.btn-default:hover {
    background-color: var(--button-hover-bg);
}

/* 头部固定 */
#header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: auto;
    border: none;
    background-color: var(--bg-primary);
    box-shadow: 0 2px 8px var(--card-shadow);
}

/* 表头 */
.thead {
    background-color: var(--table-header-bg) !important;
    position: sticky;
    top: 42px;
    z-index: 1000;
}

/* 特殊样式 */
.ztactive {
    background-color: var(--table-row-selected) !important;
}

.select-zt {
    background-color: var(--zt-bg) !important;
}

.select-zb {
    background-color: var(--zb-bg) !important;
}

/* 颜色类 */
.colorgreen {
    color: var(--negative-color) !important;
}

.colorred {
    color: var(--positive-color) !important;
}

.color333 {
    color: var(--text-primary) !important;
}

.color999 {
    color: var(--text-tertiary) !important;
}

.pricecolor {
    color: var(--text-secondary) !important;
}

.fdcolor {
    color: var(--positive-color) !important;
}

/* 竞价颜色 */
.jjcolor1 {
    color: var(--jj-color-up) !important;
   
}

.jjcolor2 {
    color: var(--jj-color-down) !important;
   
}

/* 股票代码颜色 */
.tdx {
    color: var(--accent-color) !important;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--transition-speed);
}



/* 底部表格间距 */
.special {
    margin-top: 52px !important;
}

/* 图标字体 */
.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-tertiary);
}

@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/c/font_4820294_oeu6ihzkbna.woff2?t=1738653485129') format('woff2'),
        url('//at.alicdn.com/t/c/font_4820294_oeu6ihzkbna.woff?t=1738653485129') format('woff'),
        url('//at.alicdn.com/t/c/font_4820294_oeu6ihzkbna.ttf?t=1738653485129') format('truetype');
}

.icon-cangpeitubiao_paixuzhandianpaixu:before {
    content: "\e613";
}

/* 按钮样式 */
.btn-sm {
    padding: 5px 0;
    font-size: 12px;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 0;
}

.btn-group .btn-default {
    border-color: var(--border-color);
}

/* 表格内容样式 */
#dblist td,
#ztlist td,
#zblist td,
#vrlist td,
#duanbanlist td,
#qclist td,
#gblist td,
#longhulist td {
    padding: 6px 0px;
}

.tdbtn {
    padding: 4px 8px;
    font-size: 11px;
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.tdbtn:hover {
    background-color: var(--button-hover-bg);
}

/* 其他组件 */
.highlight {
    color: var(--positive-color) !important;
}

.market,
.qita {
    margin-left: 3px;
}

.ztl i {
    color: var(--text-tertiary);
    display: inline-block;
    transform: scale(0.9);
    font-style: normal;
}

/* 弹出层样式 */
.layui-layer-dialog .layui-layer-content {
    padding: 0;
}

.layui-layer-title {
    padding-left: 0;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
}

.ztwm_type button {
    float: left;
    margin-left: 5px;
    border-color: var(--border-color);
    background-color: var(--button-bg);
    color: var(--button-text);
}

/* 概念标签 */
.lhtag span {
    line-height: 100%;
    padding: 2px 4px;
    font-size: 10px;
    border-radius: 2px;
    display: inline-block;
    background-color: var(--bg-primary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

/* 特殊样式 */
.qcstyle {
    padding: 8px 0px;
    color: var(--text-tertiary);
    background-color: var(--bg-tertiary);
    font-size: 12px;
    text-align: center;
}

.ydtitle {
    padding: 8px;
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 500;
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 0px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: 4px;
}



/* 表格行悬停效果 */
.table tbody tr {
    transition: background-color var(--transition-speed);
}

.table tbody tr:hover {
    background-color: var(--table-row-hover);
}

/* K线链接 */
.kline {
    cursor: pointer;
    color: var(--accent-color);
    text-decoration: none;
}

.kline:hover {
    text-decoration: none;
}

/* 面板样式 */
.panel {
    background-color: var(--bg-primary);
    border: none;
    box-shadow: none;
    margin: 0;
}

/* 概念按钮 */
.gn {
    cursor: pointer;
    color: var(--accent-color);
    transition: color var(--transition-speed);
}

.gn:hover {
    opacity: 0.9;
   
}

/* 连板样式 */
.ztl {
    font-weight: 500;
}

/* 加载状态 */
.loading-state {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    color: var(--text-tertiary);
    font-size: 14px;
}

/* 空状态 */
.empty-state {
    text-align: center;
    padding: 40px 20px;
    color: var(--text-tertiary);
    font-size: 14px;
}

/* 股票颜色分类 */
.stock-code {
    font-family: 'Menlo', 'Monaco', 'Consolas', monospace;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle}
@media (max-width: 445px) { .hide1 { display: none; } }

@media (max-width: 550px) { .ztlasthide1 { display: none; } }
@media (max-width: 495px) { .ztlasthide2 { display: none; } }

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--bg-primary);
}

.btn-info { background-color: var(--bg-primary);}

.table>tbody+tbody {border-top:0px;}