.data-board {
    padding: 1rem;
    background-color: #f9f9f9;
}
.dashboard {
        width: 1200px;
        margin: 0 auto;
        padding: 10px; 
        font-family: "Microsoft YaHei", sans-serif;
        background-color: #f5f8fa;
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 10px;
        height: 200px; 
        overflow: hidden; 
        box-sizing: border-box;
    }

    .warning-section {
        grid-column: 1 / 2;
        border: 1px solid #e5e6eb;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        padding: 10px;
        height: 100%; 
        box-sizing: border-box; 
        overflow-y: auto; 
    }

    /* 预警标题 */
    .warning-title {
        font-size: 16px; 
        font-weight: 600;
        color: #1d2129;
        margin-bottom: 8px; 
        display: flex;
        align-items: center;
        gap: 8px;
    }

    /* 预警标识 */
    .warning-tag {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #f53f3f;
        border-radius: 50%;
    }

    /* 预警内容卡片 */
    .warning-card {
        margin-bottom: 8px; /* 缩小卡片间距 */
        padding: 8px; /* 缩小卡片内边距 */
        border-left: 3px solid #f53f3f;
        background-color: #fff8f8;
        border-radius: 4px;
    }

    /* 预警信息文本 */
    .warning-text {
        font-size: 12px; 
        color: #4e5969;
        line-height: 1.4;
        margin-bottom: 6px; 
    }

    /* 预警操作按钮 */
    .warning-btn {
        padding: 3px 10px;
        background-color: #0088ff;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 11px;
    }

    .warning-btn:hover {
        background-color: #0066cc;
    }

    /* 无预警时的样式 */
    .no-warning {
        font-size: 12px; 
        color: #86909c;
        padding: 10px 0; 
        text-align: center;
    }

    /* 看板其他区域占位 */
    .other-dashboard-content {
        grid-column: 2 / 3;
        background-color: #fff;
        border-radius: 8px;
        padding: 10px; 
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        height: 100%; 
        box-sizing: border-box; 
        overflow-y: auto;
    }

    /* 其他区域标题/文本微调 */
    .other-dashboard-content h3 {
        font-size: 16px; 
        margin: 0 0 8px 0; 
    }
    .other-dashboard-content p {
        font-size: 12px; 
        line-height: 1.4; 
        margin: 0; 
    }
	/*看板其他区域*/
	.other-dashboard-content {
	    grid-column: 2 / 3;
	    background-color: #fff;
	    border-radius: 8px;
	    padding: 10px;
	    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	    height: 100%;
	    box-sizing: border-box;
	    overflow-y: auto;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    gap: 10px;
	}
	
	/* 子模块*/
	.dashboard-module {
	    height: 100%;
	    box-sizing: border-box;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	}
	
	/* 子模块标题 */
	.module-title {
	    font-size: 14px;
	    color: #1d2129;
	    margin: 0 0 8px 0;
	    font-weight: 600;
	}
	
	/* 子模块提示文字 */
	.module-tip {
	    font-size: 11px;
	    color: #00b42a; 
	    margin: 4px 0 0 0;
	}
	
	/* ========== 土壤质量达标情况 - 环形图容器 ========== */
	.chart-container {
	    width: 80px; 
	    height: 80px;
	    margin: 0 auto;
	}
	
	/* ========== 碳汇总量 - 大数字样式 ========== */
	.big-number {
	    font-size: 20px; 
	    font-weight: 700;
	    color: #1d2129;
	    line-height: 1.2;
	}
	
	.big-number .unit {
	    font-size: 12px; 
	    font-weight: 400;
	    color: #4e5969;
	}
.detail-btn-group {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.btn-back {
    padding: 4px 12px;
    background-color: #86909c;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.btn-back:hover {
    background-color: #707a85;
}

.btn-analysis {
    padding: 4px 12px;
    background-color: #00b42a;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.btn-analysis:hover {
    background-color: #009a22;
}