body {
            margin: 0;
            padding: 0;
            background: #121212; /* 更深的背景色 */
            font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
            color: #ffffff; /* 更亮的文本颜色 */
        }
        .brand-bar {
            display: flex;
            align-items: center;
            padding: 0 32px;
            height: 60px;
            background: #0a0a14; /* 更深的品牌栏背景 */
            border-bottom: 1px solid #333; /* 更明显的边框 */
        }
        .brand-logo {
            width: 36px;
            height: 36px;
            background: linear-gradient(135deg, #1976d2 60%, #42a5f5 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #fff;
            margin-right: 16px;
        }
        .brand-title {
            font-size: 1.6rem;
            font-weight: 700;
            color: #fff;
            margin-right: 18px;
        }
        .brand-sub {
            font-size: 0.95rem;
            color: #7a8599;
            font-weight: 400;
            margin-top: 2px;
        }
        .dashboard {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 24px 32px 0 32px;
            gap: 24px;
            min-height: 90vh;
        }
        .dashboard-side {
            flex: 0 0 400px; /* Further increased flex-basis for wider sidebars */
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        .dashboard-main {
            flex: 1 1 0; /* Increased flex-grow to make main section wider */
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        .card {
            background: #1e1e2d; /* 更深但更明显的卡片背景 */
            border-radius: 6px; /* 更圆的边角 */
            box-sizing: border-box;
            padding: 8px 12px 0 12px;
            min-width: 180px;
            min-height: 100px; /* Changed from height to min-height */
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            box-shadow: 0 2px 8px rgba(0,0,0,0.4); /* 更明显的阴影 */
            border: 1px solid #444; /* 更明显的边框 */
        }

        /* 涨跌分布卡片高度调整 */
        .dashboard-side .card:nth-child(2) {
            min-height: 180px;
        }
        .dashboard-side .card:nth-child(2) .echart {
            height: 120px;
            width: 100%;
            position: relative;
        }

        /* 涨跌停对比、涨跌家数对比、封板未遂、昨日涨停今日表现卡片高度优化 */
        .dashboard-side .card:nth-child(3), /* 涨跌家数对比 */
        .dashboard-side .card:nth-child(4), /* 涨跌停对比 */
        .dashboard-side .card:nth-child(5), /* 封板未遂 */
        .dashboard-side .card:nth-child(6) { /* 昨日涨停今日表现 */
            min-height: 180px;
        }
        .dashboard-side .card:nth-child(3) .echart, /* 涨跌家数对比 */
        .dashboard-side .card:nth-child(4) .echart, /* 涨跌停对比 */
        .dashboard-side .card:nth-child(5) .echart, /* 封板未遂 */
        .dashboard-side .card:nth-child(6) .echart { /* 昨日涨停今日表现 */
            height: 120px !important;
            width: 100%;
            position: relative;
        }

        .card-title-row {
            display: flex;
            flex-direction: row;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 2px;
        }
        .card-title {
            font-size: 13px;
            color: #d0d0d0; /* 更亮的标题颜色 */
            font-weight: 500; /* 更粗的字体 */
        }
        .card-value {
            font-size: 18px;
            font-weight: 600; /* 更粗的字体 */
            color: #22e090; /* 更亮的绿色 */
        }
        .card-value.red {
            color: #ff5252; /* 更亮的红色 */
        }
        .card-value.gray {
            color: #aaaaaa; /* 更亮的灰色 */
        }
        .card-value.up {
            color: #22e090; /* 更亮的绿色 */
        }
        .echart {
            width: 100%; /* Make default echart wider */
            height: 60px;
        }
        /* Specific styles for Market Temperature charts */
        #marketTempGauge {
            width: 100%; /* Gauge width */
            height: 150px; /* Increased Gauge height */
            margin-bottom: 10px; /* Space between gauge and line chart */
        }
        #marketTempLineChart {
            width: 100%; /* Line chart width */
            height: 80px; /* Line chart height */
        }
        /* Styles for the Chart.js containers */
        .chartjs-container {
            position: relative;
            height: 250px; /* Adjust height as needed */
            width: 100%;
            margin: 10px 0;
            padding: 0;
            box-sizing: border-box;
            background-color: #2a2a2a; /* Match card background */
            border-radius: 4px; /* Match card border-radius */
        }
        .chartjs-container h3 {
             margin: 0 0 10px 0;
             text-align: center;
             color: #e0e0e0; /* Light color for title */
             font-size: 14px;
         }
        @media (max-width: 1100px) {
            .dashboard {
                flex-direction: column;
                gap: 12px;
                padding: 16px 8px 0 8px;
            }
            .dashboard-side, .dashboard-main {
                flex: 1 1 0;
                gap: 12px;
            }
            .card { min-width: 140px; width: 45vw; }
            .echart { width: 95%; }
             .chartjs-container { width: 95%; height: 200px; margin: 10px auto;}
        }
        /* Added style for fund flow cards */
        .fund-flow-card {
            height: 600px; /* 增加卡片高度到600px，确保图表有足够的空间 */
        }
        /* Added styles for the news feed from flashnews.html */
        .news-container {
            margin: 5px;
            padding: 5px;
            border: 1px solid #444; /* 更明显的边框 */
            max-height: 400px; /* Reduced height to half */
            overflow-y: auto; /* Add scroll for overflow */
        }
        .news-item {
            padding: 8px;
            margin-bottom: 5px;
            border-bottom: 1px solid #444; /* 更明显的边框 */
            background: rgba(30, 30, 45, 0.6); /* 略微可见的背景 */
        }
        .news-time {
            color: #aaaaaa; /* 更亮的灰色 */
            font-size: 12px;
            margin-bottom: 5px;
            letter-spacing: 0.05em;
        }
        .news-content {
            color: #ffffff; /* 更亮的文本颜色 */
            font-size: 12px;
            letter-spacing: 0.05em;
        }
        .news-type {
            display: inline-block;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 12px;
            margin-right: 8px;
            letter-spacing: 0.05em;
        }
        .related-plates {
            margin-top: 5px;
            letter-spacing: 0.05em;
        }
        .type-10001 { background-color: #cc0000; } /* 更亮的红色 */
        .type-10005 { background-color: #008080; }
        .type-10003 { background-color: #999999; } /* 更亮的灰色 */
        .type-10007 { background-color: #aaaa00; } /* 更亮的黄色 */
        .type-10009 { background-color: #00aa00; } /* 更亮的绿色 */
        /* Added styles for the plate anomalies feed from plateuplist.html */
        .plate-container {
            margin: 5px;
            padding: 5px;
            border: 1px solid #444; /* 更明显的边框 */
            max-height: 400px;
            overflow-y: auto;
        }
        .plate-item {
            padding: 8px;
            margin-bottom: 5px;
            border-bottom: 1px solid #444; /* 更明显的边框 */
            background: rgba(30, 30, 45, 0.6); /* 略微可见的背景 */
        }
        .plate-time {
            color: #aaaaaa; /* 更亮的灰色 */
            font-size: 12px;
            margin-bottom: 5px;
            letter-spacing: 0.05em;
        }
        .plate-content {
            color: #ffffff; /* 更亮的文本颜色 */
            font-size: 12px;
            letter-spacing: 0.05em;
        }
        .plate-type {
            display: inline-block;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 12px;
            margin-right: 8px;
            letter-spacing: 0.05em;
        }
        .type-11000 { background-color: #cc0000; } /* 更亮的红色 */
        .type-11001 { background-color: #008080; }
        .stock-list {
            margin-top: 8px;
            color: #bbb;
            font-size: 12px;
            line-height: 1.6;
        }
        .stock-title {
            color: #888;
            margin-bottom: 5px;
            font-size: 12px;
            display: block;
        }
        .stock-item {
            display: inline-block;
            margin: 2px 8px 2px 0;
            padding: 2px 6px;
            border-radius: 3px;
            background: rgba(255, 255, 255, 0.05);
        }
        .stock-change {
            margin-left: 4px;
            font-family: Consolas, monospace;
        }
        .stock-mtm {
            margin-left: 4px;
            color: #888;
            font-size: 11px;
            font-family: Consolas, monospace;
        }
        /* Floating fund flow layer styles */
        .floating-fund-flow {
            position: absolute;
            right: 10px;
            top: 60px;
            width: 200px;
            background: rgba(30, 30, 45, 0.8);
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            border: 1px solid #3a3a5a;
            z-index: 10;
            padding: 10px;
        }
        
        .floating-concept-flow {
            position: absolute;
            right: 10px;
            top: 60px;
            width: 200px;
            background: rgba(30, 30, 45, 0.8);
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            border: 1px solid #3a3a5a;
            z-index: 10;
            padding: 10px;
        }
        .fund-flow-card {
            position: relative; /* Make card a positioning context */
        }
        .floating-fund-flow-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 1px solid #3a3a5a;
        }
        .floating-fund-flow-title {
            font-size: 14px;
            font-weight: bold;
            color: #e0e0e0;
            margin-bottom: 8px;
        }
        .floating-fund-flow-close {
            cursor: pointer;
            color: #aaa;
            font-size: 16px;
        }
        .floating-fund-flow-section {
            margin-bottom: 16px;
        }
        .floating-fund-flow-section-title {
            font-size: 12px;
            color: #aaa;
            margin-bottom: 8px;
        }
        .floating-fund-flow-item {
            display: flex;
            justify-content: space-between;
            padding: 6px 0;
            border-bottom: 1px dashed #3a3a5a;
        }
        .floating-fund-flow-name {
            font-size: 12px;
            color: #e0e0e0;
        }
        .floating-fund-flow-value {
            font-size: 12px;
            font-family: Consolas, monospace;
        }
        .floating-fund-flow-value.positive {
            color: #ff5252;
        }
        .floating-fund-flow-value.negative {
            color: #22e090;
        }
        /* Enhanced styles for hotspot interpretation card */
        .plate-container-hotspot {
            margin: 10px;
            padding: 15px;
            border: 1px solid #3a3a5a;
            border-radius: 8px;
            max-height: 400px;
            overflow-y: auto;
            background: linear-gradient(145deg, #1e1e2d, #252538);
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
        }
        .plate-item-hotspot {
            padding: 16px 20px;
            margin-bottom: 16px;
            background-color: #2a2a3d;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
            border-left: 4px solid #3a3a5a;
        }
        .plate-item-hotspot:last-child {
            margin-bottom: 0;
        }
        .stock-list-hotspot {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #3a3a5a;
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 修改为2列 */
            gap: 10px;
        }
        .stock-item-hotspot {
            padding: 10px 12px;
            background: rgba(255,255,255,0.05);
            border-radius: 6px;
        }
        .stock-name-hotspot {
            font-weight: bold;
            color: inherit; /* Inherit color from parent for consistent positive/negative */
            display: inline-block;
             margin-right: 8px;
        }
        .stock-code-hotspot {
            color: #b0b0b0; /* Keep code color consistent */
            margin-left: 0;
            font-size: 11px;
        }
        .stock-price-hotspot {
            color: #e0e0e0;
            margin-right: 15px;
        }
        .stock-info-line-hotspot {
            display: flex;
            margin-top: 4px;
            align-items: center;
            flex-wrap: wrap;
             justify-content: flex-start;
        }
        .stock-info-item-hotspot {
            margin-right: 15px;
            font-size: 11px;
             color: #c0c0c0;
        }
        .stock-desc-hotspot {
            margin-top: 6px;
            color: #aaa;
            font-size: 10px;
            line-height: 1.4;
             font-style: italic;
        }
        .divider-hotspot {
            color: #444;
            margin: 0 8px;
        }
        .positive-hotspot {
            color: #22e090; /* 更亮的绿色 */
             font-weight: bold;
        }
        .negative-hotspot {
            color: #ff5252; /* 更亮的红色 */
             font-weight: bold;
        }
        #loading-hotspot {
            padding: 20px;
            text-align: center;
             color: #b0b0b0;
        }
        #error-hotspot {
            color: #ff4c4c; /* Use red for errors */
            padding: 20px;
            text-align: center;
            display: none;
             font-weight: bold;
        }
         /* End of further optimized styles */
        /* Reverted: Container for cards that should be in a row */
        /*
        .card-row-container {
            display: flex;
            flex-direction: row;
            gap: 18px;
            width: 100%;
        }

        .card-row-container .card {
             flex: 1;
             min-width: 0;
             padding-bottom: 8px;
        }
        */

        /* 添加表格列宽样式 */
        .stock-inflow-table th:nth-child(1),
        .stock-inflow-table td:nth-child(1),
        .stock-limit-up-table th:nth-child(1),
        .stock-limit-up-table td:nth-child(1) {
            width: 30%;
            max-width: 30%;
        }
        
        .stock-inflow-table th:nth-child(2),
        .stock-inflow-table td:nth-child(2),
        .stock-limit-up-table th:nth-child(2),
        .stock-limit-up-table td:nth-child(2),
        .stock-inflow-table th:nth-child(3),
        .stock-inflow-table td:nth-child(3),
        .stock-limit-up-table th:nth-child(3),
        .stock-limit-up-table td:nth-child(3) {
            width: 15%;
            max-width: 15%;
            text-align: right;
        }
        
        .stock-inflow-table th:nth-child(4),
        .stock-inflow-table td:nth-child(4),
        .stock-inflow-table th:nth-child(5),
        .stock-inflow-table td:nth-child(5) {
            width: 20%;
            max-width: 20%;
            text-align: right;
        }
        
        .stock-limit-up-table th:nth-child(4),
        .stock-limit-up-table td:nth-child(4) {
            width: 25%;
            max-width: 25%;
            text-align: right;
        }
        
        .stock-limit-up-table th:nth-child(5),
        .stock-limit-up-table td:nth-child(5) {
            width: 15%;
            max-width: 15%;
            text-align: right;
        }
        
        .stock-inflow-table,
        .stock-limit-up-table {
            table-layout: fixed;
        }

        /* Added style for Market Style Chart */
        #market-style-chart {
            height: 240px; /* Increased height for market style chart */
        }
        .tab-btn {
        padding: 2px 10px;
        border-radius: 4px 4px 0 0;
        font-size: 14px;
        color: #d0d0d0;
        background: none;
        border: none;
        outline: none;
        transition: background 0.2s, color 0.2s;
    }
    .tab-btn.active {
        color: #22e090;
        background: #23233a;
        font-weight: bold;
    }
        .tab-pane { width: 100%; }