body {

font-family:
"Microsoft YaHei",
Arial;

background:#f5f6fa;

}


.container {


width:1400px;

margin:30px auto;

background:white;

padding:30px;

border-radius:10px;


}


h1 {

text-align:center;

}



.subtitle{

text-align:center;

margin-bottom:20px;

}



.workspace{


display:flex;

gap:20px;


}



.left-panel{


width:45%;


}



.right-panel{


width:55%;


background:#f8fafc;

padding:20px;

border-radius:10px;


}



.chat-box {


height:500px;

overflow-y:auto;

border:1px solid #ddd;

padding:20px;


}



.context-box{


margin-top:15px;

background:#fff8e8;

padding:15px;

border-radius:8px;


}



#reportPanel{


min-height:600px;


}



.ai {


background:#eef5ff;

padding:12px;

border-radius:8px;

margin-bottom:10px;


}



.user {


background:#dcf8c6;

padding:12px;

border-radius:8px;

margin-bottom:10px;


}



.input-area {


display:flex;

margin-top:20px;


}



input {


flex:1;

padding:12px;

font-size:16px;


}



button {


width:100px;

margin-left:10px;

font-size:16px;


}


.chart-card {

    background:white;

    border:1px solid #e5e7eb;

    border-radius:10px;

    padding:16px;

    margin-bottom:15px;

}


.chart-card h3 {

    margin-top:0;

}


.chart-card pre {

    white-space:pre-wrap;

    word-break:break-word;

    font-size:14px;

    background:#f8fafc;

    padding:12px;

    border-radius:6px;

}

/* =========================================================
   AI输入区域
========================================================= */

.input-area {

    display: flex;

    width: 100%;

    margin-top: 12px;

    margin-bottom: 15px;

    gap: 8px;

}


.input-area input {

    flex: 1;

    min-width: 0;

    height: 46px;

    padding: 0 14px;

    box-sizing: border-box;

    border: 1px solid #cfd6df;

    border-radius: 6px;

    font-size: 15px;

    font-family: "Microsoft YaHei", Arial;

}


.input-area input:focus {

    outline: none;

    border-color: #4c9be8;

}


.input-area button {

    width: auto;

    min-width: 95px;

    height: 46px;

    padding: 0 14px;

    margin-left: 0;

    border: 1px solid #c7cdd6;

    border-radius: 6px;

    background: #ffffff;

    cursor: pointer;

    font-size: 14px;

    font-family: "Microsoft YaHei", Arial;

}


.input-area button:hover {

    background: #f1f5f9;

}


#sendBtn {

    background: #409eff;

    color: white;

    border-color: #409eff;

}


#sendBtn:hover {

    background: #3189dc;

}

/* =========================================================
   AI BI区域
========================================================= */

#reportPanel {
    width: 100%;
    overflow-y: auto;
}


.bi-loading,
.bi-empty,
.bi-error {
    padding: 20px;
    background: white;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}


.bi-error {
    color: #b42318;
}


/* KPI */

.bi-kpi-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 16px;
    text-align: center;
}


.bi-kpi-title {
    font-size: 16px;
    color: #475467;
    margin-bottom: 8px;
}


.bi-kpi-value {
    font-size: 42px;
    font-weight: bold;
    color: #1677ff;
}


.bi-kpi-unit {
    font-size: 16px;
    color: #667085;
    margin-left: 5px;
}


/* 图表 */

.bi-chart-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}


.bi-chart-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}


.bi-chart {
    width: 100%;
    min-height: 360px;
}


/* Markdown */

.markdown-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 8px 0;
}


.markdown-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}


.markdown-table th,
.markdown-table td {
    border: 1px solid #d9e0e8;
    padding: 7px 9px;
    text-align: left;
}


.markdown-table th {
    background: #f1f5f9;
}


.md-line {
    line-height: 1.7;
}


.md-space {
    height: 8px;
}


/* BI fallback表格 */

.bi-data-table {
    width: 100%;
    border-collapse: collapse;
}


.bi-data-table th,
.bi-data-table td {
    border: 1px solid #ddd;
    padding: 8px;
}


.bi-data-table th {
    background: #f5f7fa;
}