/* 基础样式 */
body {
font-family: Arial, sans-serif;
background-color: #f5f7fa;
margin: 0;
padding: 20px;
font-size: 12px;
}

/* 导航栏样式 */
.nav-bar {
background: #53565C;
padding: 10px 0;
margin: -20px -20px 20px -20px;
text-align: center;
font-weight: bold;
}

.nav-bar a {
color: white;
text-decoration: none;
padding: 6px 12px;
margin: 0 16px;
border-radius: 6px;
display: inline-block;
transition: all 0.3s ease;
font-size: 16px;
}

.nav-bar a:hover {
background: rgba(255,255,255,0.2);
}

.nav-bar a.active {
background: white;
color: #53565C;
}

/* 容器样式 */
.container {
max-width: 660px;
margin: 0 auto;
padding: 15px;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 控制区域样式 */
.controls {
margin-bottom: 15px;
text-align: center;
}

.button-group {
display: block;
padding: 5px 0;
}

/* 按钮基础样式 */
button {
margin: 2px 2px 6px 2px;
padding: 6px 12px;
cursor: pointer;
border: 1px solid #ddd;
background: white;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 13px;
min-width: 75px;
}

button:hover {
background: #f0f0f0;
}

button.active {
background: #53565C;
color: white;
border-color: #53565C;
}

/* 工具切换器样式 */
.tool-switcher {
display: flex;
justify-content: center;
gap: 12px;
margin: 20px 0;
flex-wrap: wrap;
}

.tool-switcher button {
background: white;
color: #333;
border: 1px solid #ddd;
}

.tool-switcher button:hover {
background: #f8f9fa;
border-color: #53565C;
color: #53565C;
}

.tool-switcher button.active {
background: #53565C;
color: white;
border-color: #53565C;
}

/* 按钮容器样式 */
.button-container {
display: flex;
justify-content: center;
margin: 15px 0;
gap: 12px;
flex-wrap: wrap;
}

/* 表格按钮样式 */
.button-cell {
background-color: #f9f9f9;
padding: 6px;
}

.button-cell button {
margin: 0 4px;
min-width: 60px;
height: 28px;
font-size: 13px;
display: inline-block;
}

/* 工具3按钮样式 */
#tool3 .input-container {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
max-width: 100%;
align-items: center;
}

#tool3 button {
width: 200px;
margin-top: 15px;
}

/* 复制按钮样式 */
.copy-btn {
background: #53565C;
color: white;
border-color: #53565C;
margin: 5px;
}

.copy-btn:hover {
background: white;
color: #53565C;
}

/* 结果显示样式 */
.result-header {
font-size: 16px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}

.result-content {
word-wrap: break-word;
word-break: break-all;
font-size: 12px;
}

.result-content span {
display: inline-break;
padding: 3px 6px;
margin: 2px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #333;
font-family: monospace;

}

/* 复制成功提示 */
.copy-success {
display: none;
color: #53565C;
margin-left: 10px;
padding: 4px 8px;
border-radius: 4px;
font-size: 14px;
}

/* 按钮网格容器 */
.button-grid {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
gap: 10px;
}
/* 标题样式 */
h3 {
margin: 15px 0;
color: #fff;
text-align: center;
font-size: 14px;
padding: 8px;
background: #53565C;
border-radius: 4px;
}
h4 {
margin: 15px 0;
color: #fff;
text-align: center;
font-size: 14px;
padding: 8px;
background: #53565C;
border-radius: 4px;
}

h2 {
margin: 15px 0;
color: #fff;
text-align: center;
font-size: 14px;
padding: 8px;
background: #53565C;
border-radius: 4px;
}

/* 表格样式 */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
background: white;
border-radius: 4px;
overflow: hidden;
}

th, td {
border: 1px solid #e0e0e0;
padding: 8px;
text-align: center;
font-size: 13px;
}

th {
background: #f8f9fa;
font-weight: bold;
color: #333;
}

tr:nth-child(even) {
background: #f8f9fa;
}



/* 高亮单元格样式 */
td.highlight {
background-color: #53565C;
color: white;
}

/* 分隔线 */
.divider {
height: 2px;
background: #f0f0f0;
margin: 30px 0;
}

/* 统计卡片样式 */
.stats-card {
margin-bottom: 20px;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stats-card h2 {
margin: 0 0 15px 0;
color: #53565C;
font-size: 16px;
text-align: center;
}

.stats-info {
margin: 10px 0;
font-size: 13px;
}

/* 时间戳样式 */
.timestamp {
text-align: center;
color: #666;
margin: 20px 0;
font-size: 12px;
}

/* 工具区域基础样式 */
.tool-section {
display: none;
margin-top: 20px;
}

.tool-section.active {
display: block;
animation: fadeIn 0.3s ease-in-out;
}

/* 输入框基础样式 */
input[type="text"],
textarea {
width: 100%;
height: 36px;
padding: 0 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
color: #333;
background-color: #fff;
transition: all 0.3s ease;
box-sizing: border-box;
font-family: inherit;
}

input[type="text"]:hover,
textarea:hover {
border-color: #53565C;
}

input[type="text"]:focus,
textarea:focus {
outline: none;
border-color: #53565C;
box-shadow: 0 0 0 3px rgba(119,136,153,0.1);
}

textarea {
height: auto;
min-height: 100px;
padding: 12px;
line-height: 1.5;
resize: vertical;
}

/* 输入框容器样式 */
.input-container {
margin-bottom: 20px;
max-width: 100%;
}

.input-group {
margin-bottom: 15px;
width: 100%;
}

.input-group label {
display: block;
margin-bottom: 8px;
color: #333;
font-weight: 500;
font-size: 14px;
}

.input-row.single-line {
display: flex;
gap: 12px;
flex-wrap: wrap;
width: 100%;
}

.input-row.single-line input[type="text"] {
flex: 1;
min-width: 100px;
}

/* 复选框样式 */
.checkbox-group {
display: flex;
gap: 20px;
margin: 15px 0;
flex-wrap: wrap;
}

.checkbox-group label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 14px;
color: #333;
padding: 4px 0;
}

.checkbox-group input[type="checkbox"] {
width: 16px;
height: 16px;
border: 2px solid #ddd;
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease;
}

.checkbox-group input[type="checkbox"]:checked {
background-color: #53565C;
border-color: #53565C;
}

.checkbox-group input[type="checkbox"]:hover {
border-color: #53565C;
}

/* 表格增强样式 */
.table-container {
overflow-x: auto;
margin-bottom: 20px;
background: white;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

td.selected {
background-color: #53565C !important;
color: white;
}

.label-cell {
background-color: #f5f5f5;
font-weight: bold;
width: 60px;
}

td:not(.label-cell):not(.button-cell) {
width: calc((100% - 60px) / 10);
cursor: pointer;
}

/* 结果显示样式 */
.result {
margin: 15px 0;
padding: 15px;
background: #f8f9fa;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 12px;
}

.result p {
margin: 8px 0;
line-height: 1.5;
font-size: 12px;
text-align: center;
}

/* 数字组合样式 */
#result {
padding: 10px;
line-height: 1.8;
word-break: break-all;
}
#result2 {
color: #333;
font-family: monospace;
font-size: 12px;
}

#result span {
display: inline-block;
padding: 3px 6px;
margin: 2px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #333;
font-family: monospace;
font-size: 14px;
}

/* 选号结果样式 */
#selectedNumbers {
font-size: 14px;
color: #53565C;
font-weight: bold;
}

#combinationCount {
color: #53565C;
font-weight: bold;
font-size: 14px;
}

/* 结果数量样式 */
#result::first-line {
font-size: 12px;
color: #333;
margin-bottom: 10px;
display: block;
}

/* 全选和清除按钮样式 */
.selectAll, .clearAll {
min-width: 60px;
height: 28px;
padding: 0 12px;
font-size: 13px;
background: white;
color: #333;
border: 1px solid #ddd;
margin: 0 4px;
}

.selectAll {
color: #53565C;
border-color: #53565C;
}

.selectAll:hover {
background: #53565C;
color: white;
}

.clearAll {
color: #53565C;
border-color: #53565C;
}

.clearAll:hover {
background: #53565C;
color: white;
}

.BQ {
color: #666;
text-align: center;
padding-top: 15px;
}
.BQ a{
color: #53565C;
text-decoration: none;
}

a{
color: #53565C;
text-decoration: none;
}
.wrong {
color: #53565C;
font-weight: bold;
font-size: 16px;
}
.profit { color: green !important;}
.loss { color: #53565C !important;}

/* 响应式设计 - 移动设备适配 */
@media screen and (max-width: 600px) {
body {
padding: 10px;
font-size: 12px;
}

.container {
padding: 2px;
margin: 0;
width: 100%;
max-width: none;
}

/* 导航栏适配 */
.nav-bar {
margin: -10px -10px 10px -10px;
padding: 5px 0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.nav-bar a {
padding: 8px;
margin: 0 3px;
font-size: 14px;
}

/* 工具切换器适配 */
.tool-switcher {
gap: 6px;
margin: 15px 0;
}

.tool-switcher button {
padding: 6px 10px;
font-size: 12px;
min-width: auto;
}

/* 输入区域适配 */
.input-container {
padding: 0;
}

.input-group {
margin-bottom: 10px;
}

.input-row.single-line {
flex-wrap: wrap;
gap: 5px;
}

.input-row.single-line input[type="text"] {
flex: 1 1 calc(50% - 5px);
min-width: calc(50% - 5px);
}

/* 表格适配 */
table {
font-size: 12px;
}

td, th {
padding: 2px;
}
th {
font-size: 12px;
}
.button-cell button {
min-width: 50px;
margin: 0 2px;
font-size: 12px;
}

/* 结果区域适配 */
.result-content span {
padding: 2px 4px;
margin: 1px;
font-size: 12px;
}

.result-header {
font-size: 14px;
}

/* 按钮适配 */
button {
padding: 5px 8px;
font-size: 12px;
min-width: 40px;
}

.copy-btn {
width: auto;
}

/* 工具3适配 */
#tool3 .input-container {
gap: 8px;
}

#tool3 button {
width: 100%;
max-width: 200px;
}

/* 复制成功提示适配 */
.copy-success {
font-size: 12px;
padding: 3px 6px;
}

/* 标题适配 */
h3 {
font-size: 13px;
padding: 6px;
margin: 10px 0;
}

h2 {
font-size: 13px;
padding: 6px;
margin: 10px 0;
}

/* 文本框适配 */
textarea {
min-height: 80px;
}
}


/* 按钮组样式 */


/* 分析师标签样式 */
.analyst-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.analyst-tab {
    padding: 4px 6px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    cursor: pointer;
    font-size: 12px;
    color: #495057;
    transition: all 0.2s ease;
}

.analyst-tab:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
}

.analyst-tab.active {
    background-color: #53565C;
    color: white;
    border-color: #53565C;
}

/* 内容显示控制 */
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}


/* 特殊单元格样式 */
.correct-digit {
    color: #e74c3c;
    font-weight: 600;
    font-size: 14px;
}

.wrong-kill {
    color: #e74c3c;
    font-weight: 600;
    font-size: 14px;
}

/* 自动采集杀号CSS */



.button-group {
    margin-bottom: 20px;
    text-align: center;
}

.group-btn {
    border: none;
    color: #333;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.group-btn:hover {
    background-color: #53565C;
    color: #fff;
}

.group-btn.active {
    background-color: #53565C;
}

.analyst-table {
    display: none;
}

.analyst-table.active {
    display: table;
}

.error {
    color: #53565C;
    font-weight: bold;
font-size: 16px;
}

.period {
    font-weight: bold;
}


.stats-section {
    margin-top: 30px;
    text-align: center;
}

.digit-cell {
    cursor: pointer;
    transition: all 0.3s ease;
}

.digit-cell:hover {
    background-color: #e9ecef;
}

.digit-cell.selected {
    background-color: #53565C !important;
    color: white !important;
}

.selected-digits {
    margin-top: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #ddd;
    text-align: center;
}


/* 页面切换按钮样式 */
.page-switch {
    text-align: center;
    padding: 10px;
}

.switch-btn {
    margin: 0 10px;
    padding: 8px 20px;
    border: 1px solid #53565C;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    color: #53565C;
}

.switch-btn:hover {
    background-color: #53565C;;
    color: white;
}

.switch-btn.current {
    background-color: #53565C;
    color: white;
    border-color: #53565C;
}


.nav-tabs {
    text-align: center;
}

.nav-tab {
    display: inline-block;
    margin: 5px;
    padding: 8px 16px;
    border: 1px solid #53565C;
    border-radius: 4px;
    cursor: pointer;
    color: #53565C;
}

.nav-tab:hover { background: #53565C;color: white; }
.nav-tab.active { background: #53565C; color: white; }

.position-content { display: none; }
.position-content.active { display: block; }

.lottery {
    font-weight: bold;
    color: #53565C;
}

.error {
    color: #53565C;
    font-weight: bold;
}