优化：更新FA版本；优化手机端UI

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}

README.md

@@ -6,7 +6,7 @@
 
 <div align="center">
 
-# ✨ 洛曦 项目模板  ✨
+# ✨ 洛曦 官方网站  ✨
 
 [![][python]][python]
 [![][github-release-shield]][github-release-link]
@@ -18,19 +18,6 @@
 
 </div>
 
-## 前言
-
-
-## 环境
-
-python: 3.10  
-
-## 安装
-
-安装依赖：`pip install -r requirements.txt`  
-
-## 运行
-
 
 ## 💡 提问的智慧
 

css/mobile.css

@@ -0,0 +1,136 @@
+@media screen and (max-width: 768px) {
+  .container {
+    height: 100vh; /* 将高度固定为视口高度 */
+    overflow-y: auto; /* 允许垂直滚动 */
+  }
+
+  header {
+    flex-direction: row;
+    padding: 20px 0;
+  }
+
+  .logo, .menu, .socialIcon, .cart {
+    margin-bottom: 10px;
+  }
+
+  .menu ul {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .menu ul li {
+    margin: 10px 0;
+  }
+
+  .slideContent {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    padding: 20px;
+  }
+
+  .slideContent .titleName {
+    position: relative;
+    top: 0;
+    left: 0;
+    transform: none;
+    font-size: 2.5rem;
+    margin-bottom: 20px;
+  }
+
+  .imgCon {
+    position: relative;
+    top: 0;
+    left: 0;
+    transform: none;
+    width: 80%;
+    max-width: 300px;
+    margin-bottom: 20px;
+  }
+
+  .imgCon img {
+    width: 100%;
+  }
+
+  .shadow {
+    display: none;
+  }
+
+  .productInfo {
+    position: relative;
+    left: 0;
+    top: 0;
+    transform: none;
+    width: 100%;
+  }
+
+  .productDetils {
+    width: 100%;
+    height: auto;
+    max-height: 150px;
+  }
+
+  .productDetils .info h2 {
+    font-size: 1.5rem;
+  }
+
+  .productDetils .info p {
+    font-size: 0.9rem;
+    line-height: 1.4;
+  }
+
+  .buybox {
+    position: relative;
+    left: 0;
+    top: 0;
+    margin-top: 20px;
+  }
+
+  .arrow {
+    display: block;
+    top: auto;
+    bottom: 20px;
+    width: 40px;
+    height: 40px;
+    border: none;
+    background-color: rgba(255, 255, 255, 0.5);
+    border-radius: 50%;
+  }
+
+  .swiper {
+    height: 100%; /* 确保 swiper 占满整个容器 */
+  }
+
+  .swiper-slide {
+    height: 100%; /* 确保每个 slide 占满整个 swiper */
+  }
+
+  .swiper-button-next {
+    right: 20px;
+  }
+
+  .swiper-button-prev {
+    left: 20px;
+  }
+
+  .swiper-button-next::after,
+  .swiper-button-prev::after {
+    font-size: 18px;
+  }
+}
+
+.productDetils::-webkit-scrollbar {
+  width: 6px;
+}
+
+.productDetils::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.productDetils::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+

fontawesome-5.15.4/LICENSE.txt

@@ -0,0 +1,34 @@
+Font Awesome Free License
+-------------------------
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
+packaged as SVG and JS file types.
+
+# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+# Attribution
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+# Brand Icons
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**