template = """
You are an assistant for fake news detection tasks.
you need to detect the claim and generate your judgment explanation based on what you know.
Don't mention yourself.
The answer is in Chinese\
Claim: {question} \n Answer:
"""

css1="""
.gradio-container {
  background-color: #FAF3E0; /* Warm, light beige background for a soft appearance */
  border: 3px solid #B5651D; /* Muted brown border for a subtle contrast */
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

.gradio-header {
  color: #4A4A4A; /* Neutral dark grey for the header text */
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.gradio-input {
  width: 98%;
  padding: 12px;
  border: 10px solid #B5651D; /* Matching the container border color */
  background-color: #FFFFFF; /* White background for clarity */
  border-radius: 8px;
  margin: 9px;
  font-size: 16px;
}

.gradio-output {
  width: 98%;
  padding: 12px;
  border: 10px solid #B5651D; /* Matching the container border color */
  background-color: #FFFFFF; /* White background for consistency */
  border-radius: 8px;
  font-size: 9px;
  margin: 4.5px;
}

.gradio-button {
  background-color: #FF3333; /* 设置按钮颜色为橙色 */
  color: #FF8800;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
"""

css2="""
.gradio-container {
  background-color: #666666;
  border: 5px solid #000000;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

.gradio-header {
  color: #333333;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
    
.gradio-input {
  width: 98%;
  padding: 12px;
  border: 10px solid #000000; /* 更改输入框边框颜色 */
  background-color: #ffffff;
  border-radius: 8px;
  margin: 9px;
  font-size: 16px;
}

.gradio-output {
  width: 98%;
  padding: 12px;
  border: 10px solid #000000; /* 更改输出框边框颜色 */
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  margin: 4.5px;
}

.gradio-button {
  background-color: #FF3333; /* 设置按钮颜色为橙色 */
  color: #FF8800;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.gradio-button:hover {
  background-color: #ff8c00;
}

.gradio-button:focus {
  outline: none;
  box-shadow: 0 0 5px 2px rgba(255, 165, 0, 0.5);
}
"""
custom_css = """
    #custom_chatbot .h-16 {
        display: none;
    }
    """