✨v0.2，不会接受字数大于5的展览查询，添加展览详细信息展示，返回详细错误信息

nonebot_plugin_acgnshow/res/css/style.css

@@ -7,31 +7,52 @@ body {
     font-family: "Source Han Sans", sans-serif;
 }
 
-.container, .header, .content, .footer, .details, .image {
-    border: 1px solid black;
-    box-sizing: border-box;
+.background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-size: cover;
+    filter: blur(40%);
+    z-index: -1;
 }
 
 .container {
     width: 98%;
     margin: 1%;
     padding: 10px;
-    background-color: rgba(255, 255, 255, 0.8);
+    border: 1px solid #fff;
+    box-sizing: border-box;
+    background-color: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */
 }
 
-.header, .designer {
+.header {
+    border: 1px solid black;
+    padding: 5px;
+    margin-bottom: 10px;
     text-align: center;
     font-size: 10px;
     font-weight: bold;
-    padding: 5px;
-    margin: 10px 0;
 }
 
 .content {
     display: flex;
+    border: 1px solid black;
     margin-bottom: 10px;
     padding: 5px;
     position: relative;
+    box-sizing: border-box;
+}
+
+.detail_content {
+    display: flex;
+    border: 1px solid black;
+    height: 201px;
+    margin-bottom: 10px;
+    padding: 5px;
+    position: relative;
+    box-sizing: border-box;
 }
 
 .image {
@@ -39,6 +60,37 @@ body {
     height: 201px;
     border: 1px solid rgba(128, 64, 128, 0.5);
     text-align: center;
+    box-sizing: border-box;
+}
+
+.vector_icon {
+    width: 20px;
+    height: 20px;
+    vertical-align: bottom;
+    margin-left: 5px;
+}
+
+.banner {
+    margin-bottom: 15px;
+    border: 2px solid #000; /* 为 banner 添加边框 */
+    display: flex;
+    justify-content: center; /* 居中对齐图片 */
+    align-items: center; /* 垂直居中对齐图片 */
+}
+
+.banner img {
+    width: 450px;
+    height: 253px;
+}
+
+.details .ticket_box {
+    display: inline-block; /* 根据内容的宽度自动调整 */
+    background-color: rgba(255, 255, 255, 0.1); /* 半透明白色背景 */
+    border-radius: 15px; /* 圆角半径 */
+    padding: 20px; /* 内边距 */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影以增强视觉效果 */
+    text-align: center; /* 内容水平居中 */
+    width: auto; /* 根据内容宽度自动调整 */
 }
 
 .details {
@@ -46,38 +98,31 @@ body {
     padding-left: 10px;
     display: flex;
     flex-direction: column;
+    position: relative; /* 使子元素绝对定位相对于这个父元素 */
     font-size: 10px;
-    position: relative;
 }
 
 .details .title {
-    font-weight: bold;
+    font-weight: bold; /* 加粗字体 */
     margin-bottom: 5px;
 }
 
 .details .venue_name,
 .details .guests,
-.details .placeholder,
-.details .price,
-.details .wish,
-.details .start-time,
-.details .end-time {
+.details .placeholder {
     margin-bottom: 5px;
 }
 
-.details .sale_flag, 
-.details .id {
-    position: absolute;
-    font-size: 10px;
-}
-
 .details .sale_flag {
     color: red;
+    position: absolute;
     top: 5px;
     right: 5px;
 }
 
 .details .id {
+    color: black;
+    position: absolute;
     top: 20px;
     right: 5px;
 }
@@ -85,35 +130,56 @@ body {
 .details .price {
     color: #fb7299;
     font-weight: bold;
+    position: absolute;
     bottom: 5px;
     left: 5px;
 }
 
+.details .status {
+    position: absolute;
+    display: flex;
+    bottom: 5px;
+}
+
 .details .wish {
     color: gray;
+    position: absolute;
     bottom: 5px;
-    left: 60px;
+    left: 60px; /* 适当调整以避免与price重叠 */
 }
 
 .details .start-time {
-    bottom: 20px;
+    position: absolute;
+    bottom: 20px; /* 与end-time有一定的高度差异 */
     right: 5px;
 }
 
 .details .end-time {
+    position: absolute;
     bottom: 5px;
     right: 5px;
 }
 
 .footer {
+    border: 1px solid black;
+    flex: 1;
+    padding-left: 10px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    font-size: 10px;
     position: relative;
+    font-size: 10px;
 }
 
-.footer .pages, 
+.footer .designer {
+    text-align: center;
+    font-weight: bold;
+    font-size: 10px;
+    padding: 5px;
+    margin: 10px 0;
+}
+
+.footer .pages,
 .footer .total_results {
     position: absolute;
     font-size: 10px;