DecisionMaker-BackUp01

Running

App Files Files Community

paleDriver7 commited on 4 days ago

Commit

0919392

•

1 Parent(s): ada9658

Upload index_s.html

Browse files

Files changed (1) hide show

backend/templates/index_s.html +1688 -0

backend/templates/index_s.html ADDED Viewed

	@@ -0,0 +1,1688 @@

+<!DOCTYPE html>
+<!-- saved from url=(0022)http://localhost:3000/ -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vue App</title>
+  <link rel="icon" href="http://localhost:3000/%3CYOUR_ICON_PATH%3E">
+<script defer="" src="./Vue App_files/chunk-vendors.js.下载"></script><script defer="" src="./Vue App_files/app.js.下载"></script><style type="text/css">
+/* 样式，可以根据需要添加 */
+</style><style type="text/css">
+.loading-popup[data-v-2840f841] {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);  /* 居中显示 */
+    background-color: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    font-size: 18px;
+    text-align: center;
+    z-index: 9999;  /* 确保它在最上面 */
+}
+.chat-container[data-v-2840f841] {
+    background-color: #f1f3ff;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    font-family: Inter, sans-serif;
+}
+.header[data-v-2840f841] {
+    background-color: #51d4e0;
+    box-shadow: 9px 0 16px rgba(0, 0, 0, 0.02);
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24px 36px;
+}
+.menu-icon[data-v-2840f841] {
+    width: 13px;
+    aspect-ratio: 0.57;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.header-title[data-v-2840f841] {
+    color: #fff;
+    font-size: 32px;
+    font-weight: 600;
+}
+.generate-button[data-v-2840f841] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #51d4e0;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid #51d4e0;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.generate-icon[data-v-2840f841] {
+    width: 24px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+    border-radius: 30px;
+}
+.chat-content[data-v-2840f841] {
+    border-radius: 10px;
+    background-color: #fff;
+    box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);
+    margin-top: 26px;
+    padding: 57px 62px;
+}
+.message-container[data-v-2840f841] {
+    display: flex;
+    gap: 40px;
+    margin-bottom: 40px;
+}
+.message-container.user[data-v-2840f841] {
+    flex-direction: row-reverse;
+}
+.avatar[data-v-2840f841] {
+    width: 70px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.message[data-v-2840f841] {
+    border-radius: 35px;
+    padding: 20px 56px;
+    font-size: 24px;
+}
+.message-container.assistant .message[data-v-2840f841] {
+    background-color: #f3f3f3;
+}
+.message-container.user .message[data-v-2840f841] {
+    background-color: #51d4e0;
+    color: #fff;
+}
+.list-item[data-v-2840f841] {
+    font-weight: 700;
+    line-height: 36px;
+}
+.input-form[data-v-2840f841] {
+    position: fixed;
+    bottom: 40px;
+    left: 20px;
+    right:100px;
+    width: 95%;
+    background-color: #f3f3f3;
+    display: flex;
+    align-items: center;
+    padding: 10px 30px;
+    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
+}
+.message-input[data-v-2840f841] {
+    background: none;
+    border: none;
+    color: #b4b4b4;
+    font-size: 24px;
+    width: 100%;
+    margin-right: 20px;
+}
+.message-input[data-v-2840f841]:focus {
+    outline: none;
+}
+.send-icon[data-v-2840f841] {
+    width: 53px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.visually-hidden[data-v-2840f841] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+@media (max-width: 991px) {
+.header[data-v-2840f841] {
+      padding: 0 20px;
+}
+.chat-content[data-v-2840f841] {
+      padding: 0 20px;
+}
+.message[data-v-2840f841] {
+      padding: 20px;
+}
+.input-form[data-v-2840f841] {
+      margin-top: 40px;
+      padding: 16px 20px;
+}
+.generate-button[data-v-2840f841] {
+      white-space: normal;
+}
+}
+  </style><style type="text/css">
+/* 全局样式 */
+body[data-v-5b30c8cc] {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  background-color: #f9f9f9;
+  color: #333;
+}
+#app[data-v-5b30c8cc] {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+/* 标题样式 */
+.header h1[data-v-5b30c8cc] {
+  font-size: 2rem;
+  color: #52c8e8;
+  margin-bottom: 10px;
+}
+/* 关键指标样式 */
+.key-notes h2[data-v-5b30c8cc] {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.score-item[data-v-5b30c8cc] {
+  margin: 10px 0;
+}
+.score-title[data-v-5b30c8cc] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 1rem;
+  margin-bottom: 5px;
+}
+.score-bar[data-v-5b30c8cc] {
+  background-color: #ddd;
+  border-radius: 10px;
+  height: 10px;
+  overflow: hidden;
+}
+.score-fill[data-v-5b30c8cc] {
+  background-color: #52c8e8;
+  height: 100%;
+}
+/* 结果文字 */
+.result-text[data-v-5b30c8cc] {
+  margin-top: 15px;
+  font-size: 1rem;
+}
+/* 分析部分样式 */
+.analysis h2[data-v-5b30c8cc] {
+  margin-top: 40px;
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.decision-card[data-v-5b30c8cc] {
+  display: flex;
+  background-color: #f2f8fc;
+  border-left: 4px solid #52c8e8;
+  padding: 10px;
+  border-radius: 5px;
+  margin-bottom: 20px;
+}
+.decision-card .number[data-v-5b30c8cc] {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-right: 10px;
+}
+.decision-text[data-v-5b30c8cc] {
+  font-size: 1rem;
+}
+.decision-card[data-v-5b30c8cc]:last-child {
+  margin-bottom: 100px;  /* Adjust this value for more or less space */
+}
+/* 按钮样式 */
+.footer1[data-v-5b30c8cc] {
+  position: absolute; /* 绝对定位 */
+  top: 80px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer1 .chat-button[data-v-5b30c8cc] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer1 .chat-button[data-v-5b30c8cc]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+.footer[data-v-5b30c8cc] {
+  position: absolute; /* 绝对定位 */
+  top: 15px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer .chat-button[data-v-5b30c8cc] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer .chat-button[data-v-5b30c8cc]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+</style><style type="text/css">
+/* 全局设置 */
+body[data-v-deb0846c] {
+  margin: 0;
+  font-family: Arial, sans-serif;
+  box-sizing: border-box;
+}
+/* 左侧导航栏 */
+.sidebar[data-v-deb0846c] {
+  width: 250px;
+  height: 100vh;
+  background: #f4f4f4;
+  padding: 20px;
+  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+}
+.search-bar[data-v-deb0846c] {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+}
+.status-filters[data-v-deb0846c],
+.category[data-v-deb0846c],
+.filter[data-v-deb0846c] {
+  margin-bottom: 30px;
+}
+.filter-item[data-v-deb0846c],
+.category-item[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px;
+  margin-bottom: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.filter-item.active[data-v-deb0846c],
+.category-item[data-v-deb0846c]:hover {
+  background: #e0f7fa;
+}
+.add-category[data-v-deb0846c] {
+  background: #4caf50;
+  color: white;
+  border: none;
+  padding: 10px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+/* 主体内容 */
+/* 在右下角添加按钮 */
+.add-btn[data-v-deb0846c] {
+  position: fixed; /* 固定定位 */
+  bottom: 60px;    /* 距离底部20px */
+  right: 60px;     /* 距离右侧20px */
+  background-color: #4CAF50; /* 按钮背景色 */
+  color: white;    /* 按钮文字颜色 */
+  border: none;    /* 无边框 */
+  border-radius: 50%; /* 圆形按钮 */
+  padding: 20px;    /* 按钮大小 */
+  font-size: 24px;  /* 图标大小 */
+  cursor: pointer; /* 鼠标悬浮时变为指针 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 给按钮加阴影 */
+  width: 60px; /* 给按钮设置固定宽度 */
+  height: 60px; /* 给按钮设置固定高度 */
+  display: flex; /* 使用flex布局 */
+  justify-content: center; /* 横向居中 */
+  align-items: center; /* 纵向居中 */
+}
+/* 添加按钮的 hover 效果 */
+.add-btn[data-v-deb0846c]:hover {
+  background-color: #45a049; /* 鼠标悬浮时的背景色 */
+}
+/* 确保加号图标是白色 */
+.add-btn i[data-v-deb0846c] {
+  color: white;  /* 设置加号图标为白色 */
+  font-size: 3rem; /* 如果需要，可以调整图标大小 */
+}
+.main-content[data-v-deb0846c] {
+  flex-grow: 1; /* 占据剩余的宽度 */
+  padding: 20px;
+  overflow-y: auto;
+}
+/* 卡片布局 */
+.decision-cards[data-v-deb0846c] {
+  display: grid; /* 使用 grid 布局 */
+  grid-template-columns: repeat(3, 1fr); /* 每行 3 个卡片 */
+  gap: 20px; /* 卡片之间的间距 */
+  position: absolute; /* 绝对定位 */
+  margin-left: 300px;
+  top: 20px;  /* 距离顶部 20px */
+  width: 100%;
+  max-width: 900px; /* 容器最大宽度 */
+}
+.decision-card[data-v-deb0846c] {
+  background: white;
+  border-radius: 10px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  padding: 20px;
+}
+.card-header[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.key-notes .key-note[data-v-deb0846c] {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+}
+.progress-bar[data-v-deb0846c] {
+  width: 60%;
+  height: 8px;
+  background: #ddd;
+  border-radius: 5px;
+  margin: 0 10px;
+}
+.progress[data-v-deb0846c] {
+  height: 100%;
+  background: #4caf50;
+  border-radius: 5px;
+}
+.card-footer[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  font-size: 12px;
+}
+.category-label[data-v-deb0846c] {
+  padding: 5px 10px;
+  border-radius: 5px;
+  color: white;
+  font-size: 12px;
+}
+.new-dialog-btn i[data-v-deb0846c] {
+  color: white;
+  font-size: 24px;
+}
+</style><style type="text/css">
+/* 背景设计 */
+body[data-v-3a5d5944] {
+  background: linear-gradient(to right, #6a11cb, #2575fc); /* 漸變背景 */
+  font-family: 'Arial', sans-serif;
+}
+/* 登录容器 */
+.login-container[data-v-3a5d5944] {
+  max-width: 400px;
+  margin: 100px auto;
+  padding: 30px;
+  border-radius: 10px;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  background-color: white;
+  text-align: center;
+}
+/* 标题 */
+h2[data-v-3a5d5944] {
+  font-size: 24px;
+  color: #333;
+  margin-bottom: 30px;
+  font-weight: 600;
+}
+/* 输入框容器 */
+.form-group[data-v-3a5d5944] {
+  margin-bottom: 20px;
+}
+label[data-v-3a5d5944] {
+  font-size: 14px;
+  color: #555;
+  margin-bottom: 8px;
+  display: block;
+  font-weight: 500;
+}
+/* 输入框样式 */
+input[data-v-3a5d5944] {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  margin-top: 5px;
+  box-sizing: border-box;
+  transition: all 0.3s ease;
+}
+/* 输入框聚焦样式 */
+input[data-v-3a5d5944]:focus {
+  border-color: #2575fc;
+  box-shadow: 0 0 5px rgba(37, 117, 252, 0.5);
+  outline: none;
+}
+/* 按钮样式 */
+button[data-v-3a5d5944] {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  background-color: #2575fc;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+button[data-v-3a5d5944]:hover {
+  background-color: #1d61d6;
+  transform: translateY(-2px);
+}
+/* 错误提示信息 */
+.error-message[data-v-3a5d5944] {
+  color: red;
+  font-size: 14px;
+  margin-top: 10px;
+}
+/* 注册链接 */
+.register-link[data-v-3a5d5944] {
+  margin-top: 20px;
+}
+.register-link a[data-v-3a5d5944] {
+  color: #2575fc;
+  font-size: 14px;
+  text-decoration: none;
+  font-weight: 500;
+}
+.register-link a[data-v-3a5d5944]:hover {
+  text-decoration: underline;
+}
+.profile-container[data-v-3a5d5944] {
+  display: flex;
+}
+.sidebar[data-v-3a5d5944] {
+  width: 250px;
+  padding: 20px;
+  background-color: #f4f4f4;
+}
+.profile-main[data-v-3a5d5944] {
+  flex-grow: 1;
+  padding: 20px;
+}
+.profile-header[data-v-3a5d5944] {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.profile-header .avatar[data-v-3a5d5944] {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  margin-right: 20px;
+}
+.logout-button[data-v-3a5d5944] {
+  margin-top: 20px;
+}
+.logout-button button[data-v-3a5d5944] {
+  padding: 10px 20px;
+  background-color: #ff4444;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.logout-button button[data-v-3a5d5944]:hover {
+  background-color: #ff0000;
+}
+</style><style type="text/css">
+  /* 全局设置 */
+body[data-v-0ca6c360] {
+    margin: 0;
+    font-family: Arial, sans-serif;
+    box-sizing: border-box;
+}
+  /* 左侧导航栏 */
+.sidebar[data-v-0ca6c360] {
+    width: 250px;
+    height: 100vh;
+    background: #f4f4f4;
+    padding: 20px;
+    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+}
+.search-bar[data-v-0ca6c360] {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+.status-filters[data-v-0ca6c360],
+  .category[data-v-0ca6c360],
+  .filter[data-v-0ca6c360] {
+    margin-bottom: 30px;
+}
+.filter-item[data-v-0ca6c360],
+  .category-item[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    margin-bottom: 5px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+.filter-item.active[data-v-0ca6c360],
+  .category-item[data-v-0ca6c360]:hover {
+    background: #e0f7fa;
+}
+.add-category[data-v-0ca6c360] {
+    background: #4caf50;
+    color: white;
+    border: none;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+  /* 主体内容 */
+  /* 在右下角添加按钮 */
+.add-btn[data-v-0ca6c360] {
+  position: fixed; /* 固定定位 */
+  bottom: 60px;    /* 距离底部20px */
+  right: 60px;     /* 距离右侧20px */
+  background-color: #4CAF50; /* 按钮背景色 */
+  color: white;    /* 按钮文字颜色 */
+  border: none;    /* 无边框 */
+  border-radius: 50%; /* 圆形按钮 */
+  padding: 20px;    /* 按钮大小 */
+  font-size: 24px;  /* 图标大小 */
+  cursor: pointer; /* 鼠标悬浮时变为指针 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 给按钮加阴影 */
+  width: 60px; /* 给按钮设置固定宽度 */
+  height: 60px; /* 给按钮设置固定高度 */
+  display: flex; /* 使用flex布局 */
+  justify-content: center; /* 横向居中 */
+  align-items: center; /* 纵向居中 */
+}
+/* 添加按钮的 hover 效果 */
+.add-btn[data-v-0ca6c360]:hover {
+  background-color: #45a049; /* 鼠标悬浮时的背景色 */
+}
+/* 确保加号图标是白色 */
+.add-btn i[data-v-0ca6c360] {
+  color: white;  /* 设置加号图标为白色 */
+  font-size: 3rem; /* 如果需要，可以调整图标大小 */
+}
+.main-content[data-v-0ca6c360] {
+    flex-grow: 1; /* 占据剩余的宽度 */
+    padding: 20px;
+    overflow-y: auto;
+}
+  /* 卡片布局 */
+.decision-cards[data-v-0ca6c360] {
+    display: grid; /* 使用 grid 布局 */
+    grid-template-columns: repeat(3, 1fr); /* 每行 3 个卡片 */
+    gap: 20px; /* 卡片之间的间距 */
+    position: absolute; /* 绝对定位 */
+    margin-left: 300px;
+    top: 20px;  /* 距离顶部 20px */
+    width: 100%;
+    max-width: 900px; /* 容器最大宽度 */
+}
+.decision-card[data-v-0ca6c360] {
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    padding: 20px;
+}
+.card-header[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.key-notes .key-note[data-v-0ca6c360] {
+    display: flex;
+    align-items: center;
+    margin: 10px 0;
+}
+.progress-bar[data-v-0ca6c360] {
+    width: 60%;
+    height: 8px;
+    background: #ddd;
+    border-radius: 5px;
+    margin: 0 10px;
+}
+.progress[data-v-0ca6c360] {
+    height: 100%;
+    background: #4caf50;
+    border-radius: 5px;
+}
+.card-footer[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+    font-size: 12px;
+}
+.category-label[data-v-0ca6c360] {
+    padding: 5px 10px;
+    border-radius: 5px;
+    color: white;
+    font-size: 12px;
+}
+.new-dialog-btn i[data-v-0ca6c360] {
+    color: white;
+    font-size: 24px;
+}
+  </style><style type="text/css">
+/* 全局样式 */
+body[data-v-5f145b1d] {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  background-color: #f9f9f9;
+  color: #333;
+}
+#app[data-v-5f145b1d] {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+/* 标题样式 */
+.header h1[data-v-5f145b1d] {
+  font-size: 2rem;
+  color: #52c8e8;
+  margin-bottom: 10px;
+}
+/* 关键指标样式 */
+.key-notes h2[data-v-5f145b1d] {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.score-item[data-v-5f145b1d] {
+  margin: 10px 0;
+}
+.score-title[data-v-5f145b1d] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 1rem;
+  margin-bottom: 5px;
+}
+.score-bar[data-v-5f145b1d] {
+  background-color: #ddd;
+  border-radius: 10px;
+  height: 10px;
+  overflow: hidden;
+}
+.score-fill[data-v-5f145b1d] {
+  background-color: #52c8e8;
+  height: 100%;
+}
+/* 结果文字 */
+.result-text[data-v-5f145b1d] {
+  margin-top: 15px;
+  font-size: 1rem;
+}
+/* 分析部分样式 */
+.analysis h2[data-v-5f145b1d] {
+  margin-top: 40px;
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.decision-card[data-v-5f145b1d] {
+  display: flex;
+  background-color: #f2f8fc;
+  border-left: 4px solid #52c8e8;
+  padding: 10px;
+  border-radius: 5px;
+  margin-bottom: 20px;
+}
+.decision-card .number[data-v-5f145b1d] {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-right: 10px;
+}
+.decision-text[data-v-5f145b1d] {
+  font-size: 1rem;
+}
+.decision-card[data-v-5f145b1d]:last-child {
+  margin-bottom: 100px;  /* Adjust this value for more or less space */
+}
+/* 按钮样式 */
+.footer1[data-v-5f145b1d] {
+  position: absolute; /* 绝对定位 */
+  top: 80px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer1 .chat-button[data-v-5f145b1d] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer1 .chat-button[data-v-5f145b1d]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+.footer[data-v-5f145b1d] {
+  position: absolute; /* 绝对定位 */
+  top: 15px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer .chat-button[data-v-5f145b1d] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer .chat-button[data-v-5f145b1d]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+</style><style type="text/css">
+/* 样式，可以根据需要添加 */
+</style><style type="text/css">
+.loading-popup[data-v-2840f841] {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);  /* 居中显示 */
+    background-color: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    font-size: 18px;
+    text-align: center;
+    z-index: 9999;  /* 确保它在最上面 */
+}
+.chat-container[data-v-2840f841] {
+    background-color: #f1f3ff;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    font-family: Inter, sans-serif;
+}
+.header[data-v-2840f841] {
+    background-color: #51d4e0;
+    box-shadow: 9px 0 16px rgba(0, 0, 0, 0.02);
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24px 36px;
+}
+.menu-icon[data-v-2840f841] {
+    width: 13px;
+    aspect-ratio: 0.57;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.header-title[data-v-2840f841] {
+    color: #fff;
+    font-size: 32px;
+    font-weight: 600;
+}
+.generate-button[data-v-2840f841] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #51d4e0;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid #51d4e0;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.generate-icon[data-v-2840f841] {
+    width: 24px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+    border-radius: 30px;
+}
+.chat-content[data-v-2840f841] {
+    border-radius: 10px;
+    background-color: #fff;
+    box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);
+    margin-top: 26px;
+    padding: 57px 62px;
+}
+.message-container[data-v-2840f841] {
+    display: flex;
+    gap: 40px;
+    margin-bottom: 40px;
+}
+.message-container.user[data-v-2840f841] {
+    flex-direction: row-reverse;
+}
+.avatar[data-v-2840f841] {
+    width: 70px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.message[data-v-2840f841] {
+    border-radius: 35px;
+    padding: 20px 56px;
+    font-size: 24px;
+}
+.message-container.assistant .message[data-v-2840f841] {
+    background-color: #f3f3f3;
+}
+.message-container.user .message[data-v-2840f841] {
+    background-color: #51d4e0;
+    color: #fff;
+}
+.list-item[data-v-2840f841] {
+    font-weight: 700;
+    line-height: 36px;
+}
+.input-form[data-v-2840f841] {
+    position: fixed;
+    bottom: 40px;
+    left: 20px;
+    right:100px;
+    width: 95%;
+    background-color: #f3f3f3;
+    display: flex;
+    align-items: center;
+    padding: 10px 30px;
+    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
+}
+.message-input[data-v-2840f841] {
+    background: none;
+    border: none;
+    color: #b4b4b4;
+    font-size: 24px;
+    width: 100%;
+    margin-right: 20px;
+}
+.message-input[data-v-2840f841]:focus {
+    outline: none;
+}
+.send-icon[data-v-2840f841] {
+    width: 53px;
+    aspect-ratio: 1;
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+.visually-hidden[data-v-2840f841] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+@media (max-width: 991px) {
+.header[data-v-2840f841] {
+      padding: 0 20px;
+}
+.chat-content[data-v-2840f841] {
+      padding: 0 20px;
+}
+.message[data-v-2840f841] {
+      padding: 20px;
+}
+.input-form[data-v-2840f841] {
+      margin-top: 40px;
+      padding: 16px 20px;
+}
+.generate-button[data-v-2840f841] {
+      white-space: normal;
+}
+}
+  </style><style type="text/css">
+/* 全局样式 */
+body[data-v-5b30c8cc] {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  background-color: #f9f9f9;
+  color: #333;
+}
+#app[data-v-5b30c8cc] {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+/* 标题样式 */
+.header h1[data-v-5b30c8cc] {
+  font-size: 2rem;
+  color: #52c8e8;
+  margin-bottom: 10px;
+}
+/* 关键指标样式 */
+.key-notes h2[data-v-5b30c8cc] {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.score-item[data-v-5b30c8cc] {
+  margin: 10px 0;
+}
+.score-title[data-v-5b30c8cc] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 1rem;
+  margin-bottom: 5px;
+}
+.score-bar[data-v-5b30c8cc] {
+  background-color: #ddd;
+  border-radius: 10px;
+  height: 10px;
+  overflow: hidden;
+}
+.score-fill[data-v-5b30c8cc] {
+  background-color: #52c8e8;
+  height: 100%;
+}
+/* 结果文字 */
+.result-text[data-v-5b30c8cc] {
+  margin-top: 15px;
+  font-size: 1rem;
+}
+/* 分析部分样式 */
+.analysis h2[data-v-5b30c8cc] {
+  margin-top: 40px;
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.decision-card[data-v-5b30c8cc] {
+  display: flex;
+  background-color: #f2f8fc;
+  border-left: 4px solid #52c8e8;
+  padding: 10px;
+  border-radius: 5px;
+  margin-bottom: 20px;
+}
+.decision-card .number[data-v-5b30c8cc] {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-right: 10px;
+}
+.decision-text[data-v-5b30c8cc] {
+  font-size: 1rem;
+}
+.decision-card[data-v-5b30c8cc]:last-child {
+  margin-bottom: 100px;  /* Adjust this value for more or less space */
+}
+/* 按钮样式 */
+.footer1[data-v-5b30c8cc] {
+  position: absolute; /* 绝对定位 */
+  top: 80px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer1 .chat-button[data-v-5b30c8cc] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer1 .chat-button[data-v-5b30c8cc]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+.footer[data-v-5b30c8cc] {
+  position: absolute; /* 绝对定位 */
+  top: 15px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer .chat-button[data-v-5b30c8cc] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer .chat-button[data-v-5b30c8cc]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+</style><style type="text/css">
+/* 全局设置 */
+body[data-v-deb0846c] {
+  margin: 0;
+  font-family: Arial, sans-serif;
+  box-sizing: border-box;
+}
+/* 左侧导航栏 */
+.sidebar[data-v-deb0846c] {
+  width: 250px;
+  height: 100vh;
+  background: #f4f4f4;
+  padding: 20px;
+  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+}
+.search-bar[data-v-deb0846c] {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+}
+.status-filters[data-v-deb0846c],
+.category[data-v-deb0846c],
+.filter[data-v-deb0846c] {
+  margin-bottom: 30px;
+}
+.filter-item[data-v-deb0846c],
+.category-item[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px;
+  margin-bottom: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.filter-item.active[data-v-deb0846c],
+.category-item[data-v-deb0846c]:hover {
+  background: #e0f7fa;
+}
+.add-category[data-v-deb0846c] {
+  background: #4caf50;
+  color: white;
+  border: none;
+  padding: 10px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+/* 主体内容 */
+/* 在右下角添加按钮 */
+.add-btn[data-v-deb0846c] {
+  position: fixed; /* 固定定位 */
+  bottom: 60px;    /* 距离底部20px */
+  right: 60px;     /* 距离右侧20px */
+  background-color: #4CAF50; /* 按钮背景色 */
+  color: white;    /* 按钮文字颜色 */
+  border: none;    /* 无边框 */
+  border-radius: 50%; /* 圆形按钮 */
+  padding: 20px;    /* 按钮大小 */
+  font-size: 24px;  /* 图标大小 */
+  cursor: pointer; /* 鼠标悬浮时变为指针 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 给按钮加阴影 */
+  width: 60px; /* 给按钮设置固定宽度 */
+  height: 60px; /* 给按钮设置固定高度 */
+  display: flex; /* 使用flex布局 */
+  justify-content: center; /* 横向居中 */
+  align-items: center; /* 纵向居中 */
+}
+/* 添加按钮的 hover 效果 */
+.add-btn[data-v-deb0846c]:hover {
+  background-color: #45a049; /* 鼠标悬浮时的背景色 */
+}
+/* 确保加号图标是白色 */
+.add-btn i[data-v-deb0846c] {
+  color: white;  /* 设置加号图标为白色 */
+  font-size: 3rem; /* 如果需要，可以调整图标大小 */
+}
+.main-content[data-v-deb0846c] {
+  flex-grow: 1; /* 占据剩余的宽度 */
+  padding: 20px;
+  overflow-y: auto;
+}
+/* 卡片布局 */
+.decision-cards[data-v-deb0846c] {
+  display: grid; /* 使用 grid 布局 */
+  grid-template-columns: repeat(3, 1fr); /* 每行 3 个卡片 */
+  gap: 20px; /* 卡片之间的间距 */
+  position: absolute; /* 绝对定位 */
+  margin-left: 300px;
+  top: 20px;  /* 距离顶部 20px */
+  width: 100%;
+  max-width: 900px; /* 容器最大宽度 */
+}
+.decision-card[data-v-deb0846c] {
+  background: white;
+  border-radius: 10px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  padding: 20px;
+}
+.card-header[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.key-notes .key-note[data-v-deb0846c] {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+}
+.progress-bar[data-v-deb0846c] {
+  width: 60%;
+  height: 8px;
+  background: #ddd;
+  border-radius: 5px;
+  margin: 0 10px;
+}
+.progress[data-v-deb0846c] {
+  height: 100%;
+  background: #4caf50;
+  border-radius: 5px;
+}
+.card-footer[data-v-deb0846c] {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  font-size: 12px;
+}
+.category-label[data-v-deb0846c] {
+  padding: 5px 10px;
+  border-radius: 5px;
+  color: white;
+  font-size: 12px;
+}
+.new-dialog-btn i[data-v-deb0846c] {
+  color: white;
+  font-size: 24px;
+}
+</style><style type="text/css">
+/* 背景设计 */
+body[data-v-3a5d5944] {
+  background: linear-gradient(to right, #6a11cb, #2575fc); /* 漸變背景 */
+  font-family: 'Arial', sans-serif;
+}
+/* 登录容器 */
+.login-container[data-v-3a5d5944] {
+  max-width: 400px;
+  margin: 100px auto;
+  padding: 30px;
+  border-radius: 10px;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  background-color: white;
+  text-align: center;
+}
+/* 标题 */
+h2[data-v-3a5d5944] {
+  font-size: 24px;
+  color: #333;
+  margin-bottom: 30px;
+  font-weight: 600;
+}
+/* 输入框容器 */
+.form-group[data-v-3a5d5944] {
+  margin-bottom: 20px;
+}
+label[data-v-3a5d5944] {
+  font-size: 14px;
+  color: #555;
+  margin-bottom: 8px;
+  display: block;
+  font-weight: 500;
+}
+/* 输入框样式 */
+input[data-v-3a5d5944] {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  margin-top: 5px;
+  box-sizing: border-box;
+  transition: all 0.3s ease;
+}
+/* 输入框聚焦样式 */
+input[data-v-3a5d5944]:focus {
+  border-color: #2575fc;
+  box-shadow: 0 0 5px rgba(37, 117, 252, 0.5);
+  outline: none;
+}
+/* 按钮样式 */
+button[data-v-3a5d5944] {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  background-color: #2575fc;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+button[data-v-3a5d5944]:hover {
+  background-color: #1d61d6;
+  transform: translateY(-2px);
+}
+/* 错误提示信息 */
+.error-message[data-v-3a5d5944] {
+  color: red;
+  font-size: 14px;
+  margin-top: 10px;
+}
+/* 注册链接 */
+.register-link[data-v-3a5d5944] {
+  margin-top: 20px;
+}
+.register-link a[data-v-3a5d5944] {
+  color: #2575fc;
+  font-size: 14px;
+  text-decoration: none;
+  font-weight: 500;
+}
+.register-link a[data-v-3a5d5944]:hover {
+  text-decoration: underline;
+}
+.profile-container[data-v-3a5d5944] {
+  display: flex;
+}
+.sidebar[data-v-3a5d5944] {
+  width: 250px;
+  padding: 20px;
+  background-color: #f4f4f4;
+}
+.profile-main[data-v-3a5d5944] {
+  flex-grow: 1;
+  padding: 20px;
+}
+.profile-header[data-v-3a5d5944] {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.profile-header .avatar[data-v-3a5d5944] {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  margin-right: 20px;
+}
+.logout-button[data-v-3a5d5944] {
+  margin-top: 20px;
+}
+.logout-button button[data-v-3a5d5944] {
+  padding: 10px 20px;
+  background-color: #ff4444;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.logout-button button[data-v-3a5d5944]:hover {
+  background-color: #ff0000;
+}
+</style><style type="text/css">
+  /* 全局设置 */
+body[data-v-0ca6c360] {
+    margin: 0;
+    font-family: Arial, sans-serif;
+    box-sizing: border-box;
+}
+  /* 左侧导航栏 */
+.sidebar[data-v-0ca6c360] {
+    width: 250px;
+    height: 100vh;
+    background: #f4f4f4;
+    padding: 20px;
+    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+}
+.search-bar[data-v-0ca6c360] {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+.status-filters[data-v-0ca6c360],
+  .category[data-v-0ca6c360],
+  .filter[data-v-0ca6c360] {
+    margin-bottom: 30px;
+}
+.filter-item[data-v-0ca6c360],
+  .category-item[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    margin-bottom: 5px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+.filter-item.active[data-v-0ca6c360],
+  .category-item[data-v-0ca6c360]:hover {
+    background: #e0f7fa;
+}
+.add-category[data-v-0ca6c360] {
+    background: #4caf50;
+    color: white;
+    border: none;
+    padding: 10px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+  /* 主体内容 */
+  /* 在右下角添加按钮 */
+.add-btn[data-v-0ca6c360] {
+  position: fixed; /* 固定定位 */
+  bottom: 60px;    /* 距离底部20px */
+  right: 60px;     /* 距离右侧20px */
+  background-color: #4CAF50; /* 按钮背景色 */
+  color: white;    /* 按钮文字颜色 */
+  border: none;    /* 无边框 */
+  border-radius: 50%; /* 圆形按钮 */
+  padding: 20px;    /* 按钮大小 */
+  font-size: 24px;  /* 图标大小 */
+  cursor: pointer; /* 鼠标悬浮时变为指针 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 给按钮加阴影 */
+  width: 60px; /* 给按钮设置固定宽度 */
+  height: 60px; /* 给按钮设置固定高度 */
+  display: flex; /* 使用flex布局 */
+  justify-content: center; /* 横向居中 */
+  align-items: center; /* 纵向居中 */
+}
+/* 添加按钮的 hover 效果 */
+.add-btn[data-v-0ca6c360]:hover {
+  background-color: #45a049; /* 鼠标悬浮时的背景色 */
+}
+/* 确保加号图标是白色 */
+.add-btn i[data-v-0ca6c360] {
+  color: white;  /* 设置加号图标为白色 */
+  font-size: 3rem; /* 如果需要，可以调整图标大小 */
+}
+.main-content[data-v-0ca6c360] {
+    flex-grow: 1; /* 占据剩余的宽度 */
+    padding: 20px;
+    overflow-y: auto;
+}
+  /* 卡片布局 */
+.decision-cards[data-v-0ca6c360] {
+    display: grid; /* 使用 grid 布局 */
+    grid-template-columns: repeat(3, 1fr); /* 每行 3 个卡片 */
+    gap: 20px; /* 卡片之间的间距 */
+    position: absolute; /* 绝对定位 */
+    margin-left: 300px;
+    top: 20px;  /* 距离顶部 20px */
+    width: 100%;
+    max-width: 900px; /* 容器最大宽度 */
+}
+.decision-card[data-v-0ca6c360] {
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    padding: 20px;
+}
+.card-header[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.key-notes .key-note[data-v-0ca6c360] {
+    display: flex;
+    align-items: center;
+    margin: 10px 0;
+}
+.progress-bar[data-v-0ca6c360] {
+    width: 60%;
+    height: 8px;
+    background: #ddd;
+    border-radius: 5px;
+    margin: 0 10px;
+}
+.progress[data-v-0ca6c360] {
+    height: 100%;
+    background: #4caf50;
+    border-radius: 5px;
+}
+.card-footer[data-v-0ca6c360] {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+    font-size: 12px;
+}
+.category-label[data-v-0ca6c360] {
+    padding: 5px 10px;
+    border-radius: 5px;
+    color: white;
+    font-size: 12px;
+}
+.new-dialog-btn i[data-v-0ca6c360] {
+    color: white;
+    font-size: 24px;
+}
+  </style><style type="text/css">
+/* 全局样式 */
+body[data-v-5f145b1d] {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  background-color: #f9f9f9;
+  color: #333;
+}
+#app[data-v-5f145b1d] {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+/* 标题样式 */
+.header h1[data-v-5f145b1d] {
+  font-size: 2rem;
+  color: #52c8e8;
+  margin-bottom: 10px;
+}
+/* 关键指标样式 */
+.key-notes h2[data-v-5f145b1d] {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.score-item[data-v-5f145b1d] {
+  margin: 10px 0;
+}
+.score-title[data-v-5f145b1d] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 1rem;
+  margin-bottom: 5px;
+}
+.score-bar[data-v-5f145b1d] {
+  background-color: #ddd;
+  border-radius: 10px;
+  height: 10px;
+  overflow: hidden;
+}
+.score-fill[data-v-5f145b1d] {
+  background-color: #52c8e8;
+  height: 100%;
+}
+/* 结果文字 */
+.result-text[data-v-5f145b1d] {
+  margin-top: 15px;
+  font-size: 1rem;
+}
+/* 分析部分样式 */
+.analysis h2[data-v-5f145b1d] {
+  margin-top: 40px;
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+}
+.decision-card[data-v-5f145b1d] {
+  display: flex;
+  background-color: #f2f8fc;
+  border-left: 4px solid #52c8e8;
+  padding: 10px;
+  border-radius: 5px;
+  margin-bottom: 20px;
+}
+.decision-card .number[data-v-5f145b1d] {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-right: 10px;
+}
+.decision-text[data-v-5f145b1d] {
+  font-size: 1rem;
+}
+.decision-card[data-v-5f145b1d]:last-child {
+  margin-bottom: 100px;  /* Adjust this value for more or less space */
+}
+/* 按钮样式 */
+.footer1[data-v-5f145b1d] {
+  position: absolute; /* 绝对定位 */
+  top: 80px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer1 .chat-button[data-v-5f145b1d] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer1 .chat-button[data-v-5f145b1d]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+.footer[data-v-5f145b1d] {
+  position: absolute; /* 绝对定位 */
+  top: 15px; /* 距离底部 20px */
+  right: 0; /* 距离右侧 40px */
+  text-align: center;
+}
+.footer .chat-button[data-v-5f145b1d] {
+    border-radius: 30px;
+    background-color: #fff;
+    display: flex;
+    gap: 7px;
+    align-items: center;
+    font-size: 20px;
+    color: #42b0cf;
+    font-weight: 700;
+    padding: 10px 17px;
+    border: 2px solid#42b0cf;
+    cursor: pointer;
+    margin-right: 80px;
+}
+.footer .chat-button[data-v-5f145b1d]:hover {
+  background-color:#51d4e0; /* 悬停时背景色 */
+}
+</style></head>
+<body>
+  <!-- 这里是 Vue 渲染的根元素 -->
+  <div id="app" data-v-app=""><div id="app"><!-- 在此处渲染路由对应的组件 --><div data-v-3a5d5944="" class="login-container"><h2 data-v-3a5d5944="">用户登录</h2><form data-v-3a5d5944=""><!-- 用户名/邮箱 --><div data-v-3a5d5944="" class="form-group"><label data-v-3a5d5944="" for="username">用户名/邮箱：</label><input data-v-3a5d5944="" type="text" id="username" placeholder="请输入用户名或邮箱" required=""></div><!-- 密码 --><div data-v-3a5d5944="" class="form-group"><label data-v-3a5d5944="" for="password">密码：</label><input data-v-3a5d5944="" type="password" id="password" placeholder="请输入密码" required=""></div><!-- 错误信息 --><!--v-if--><!-- 登录按钮 --><div data-v-3a5d5944="" class="form-group"><button data-v-3a5d5944="" type="submit">登录</button></div><div data-v-3a5d5944="" class="register-link"><p data-v-3a5d5944="">还没有账号？<a data-v-3a5d5944="" href="http://localhost:3000/register" class="">注册</a></p></div></form></div></div></div>
+  <!-- Vue 的构建文件，这些会在构建时自动注入 -->
+  <script src="./Vue App_files/chunk-vendors.js.下载"></script>
+  <script src="./Vue App_files/app.js.下载"></script>
+</body></html>