feat: 新增签到功能模块并优化详情页样式

- 添加签到功能相关HTML/CSS/JS文件
- 在详情页增加图片预览组件
- 调整详情页文本行高和标题样式
- 修复评论时间显示问题
- 优化本地开发环境授权处理

css/signIn.less

@@ -0,0 +1,135 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    word-break: break-word;
+}
+
+a {
+    text-decoration: none;
+    color: unset;
+}
+
+body {
+    background-color: rgba(238, 242, 245, 1);
+}
+
+.flexflex {
+    display: flex;
+}
+
+.flexcenter {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.flexjcenter {
+    display: flex;
+    justify-content: center;
+}
+
+.flexacenter {
+    display: flex;
+    align-items: center;
+}
+
+.flex1 {
+    flex: 1;
+}
+
+.signInBox-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    // background-color: rgba(0, 0, 0, 0.5);
+    z-index: 10005;
+
+    .signInBox {
+        width: 1060px;
+        height: 658px;
+        background-color: #fff;
+        border-radius: 20px;
+        position: relative;
+        filter: drop-shadow(0 -5px 0 rgba(247, 195, 8, 1));
+
+        .signInBox-head {
+            position: relative;
+            height: 64px;
+
+            border-bottom: 1px dotted #d7d7d7;
+
+            .header-bi {
+                width: 83px;
+                height: 99px;
+                position: absolute;
+                top: -61px;
+                left: 50%;
+                transform: translateX(-50%);
+            }
+
+            .header-halo {
+                width: 160px;
+                height: 154px;
+                position: absolute;
+                top: -89px;
+                left: 50%;
+                transform: translateX(-50%);
+            }
+
+            .header-cross {
+                width: 18px;
+                height: 18px;
+                position: absolute;
+                top: 10px;
+                right: 10px;
+                cursor: pointer;
+            }
+        }
+
+        .signInBox-content {
+            .left-box {
+                width: 538px;
+                padding: 20px 30px;
+                border-right: 1px dotted #d7d7d7;
+
+                .content-header {
+                    font-size: 15px;
+                    color: rgb(85, 85, 85);
+                    line-height: 40px;
+
+                    .bi-img {
+                        width: 25px;
+                        height: 30px;
+                        margin-right: 7px;
+                    }
+
+                    .bi-value {
+                        font-family: Arial-Black, "Arial Black", sans-serif;
+                        font-weight: 900;
+                        font-style: normal;
+                        font-size: 28px;
+                        color: rgb(0, 0, 0);
+                        margin-right: 7px;
+                    }
+
+                    .bi-text {
+                        font-size: 15px;
+                        color: #555555;
+                        line-height: normal;
+                        margin-top: 8px;
+                    }
+
+                    .bi-rule {
+                        margin-left: auto;
+                    }
+                }
+            }
+        }
+    }
+}