html,body{width:100vw;height:100vh;margin: 0;padding: 0}
body {background-color:#000;}
#question-container{position:fixed;bottom:0;padding:1%;width:96%;margin:1%;z-index:1000;background:#E1E1E1;
    border-radius:5px;}

#question-container .question-input{width:76vw;height:70px;display:inline-block;float:left;border:none;}
#question-container .question-input #question{width:100%;height:100%;text-align:left;color:darkslategray;
    border: none;resize: none;outline:none;font-size:1em;}

/*提问区*/
#question-container .submit-button{width:18vw;height:70px;display:inline-block;float:right;padding:0;margin:0;background-color:#EEE;}
#question-container .submit-button .btn-primary{width:100%;height:100%;display:inline-block;
    text-align:center;line-height:70px;
    color:green;text-decoration:none;font-size:1rem;font-weight:bold}

/*AI形象*/
#ai-system{position:absolute;z-index:999;bottom:70px;right:0;max-width:30%}

/*对话区*/
.answer-container{margin:0;padding:0;margin-bottom:80px;background-image:url("/img/back.jpg");background-size:cover}
.answer-container .answer-list{height:calc(100vh - 80px);padding:0;margin:0;}
.answer-container .answer-list #answer{height:60vh;padding:0;overflow-y:auto;}
.answer-container .answer-list #answer br{text-indent:2em;}
.user-answer{font-size:0.8rem;margin:20px;padding:10px;line-height: 1rem;border-radius:10px;display:inline-block;background-color:rgba(255,255,255,0.9)}
.ai-answer{font-size:0.8rem;margin:20px;padding:10px;line-height: 1rem;display:inline-block;border-radius:10px;background-color:rgba(153,255,204,0.9)}
.ai-answer p{text-indent:2em;}

/*对话里面的表格样式*/
#answer-list table{border-collapse: collapse;width: 90%; margin:10px 5% 10px 5%;}
#answer-list table, th, td {border: 1px solid darkolivegreen;}
#answer-list th{background: beige}
#answer-list td{background:whitesmoke}
#answer-list th,td{padding: 5px;}