diff --git a/商家端web/index.html b/商家端web/index.html
index ec5ccd7..7b00996 100644
--- a/商家端web/index.html
+++ b/商家端web/index.html
@@ -435,6 +435,32 @@
                     </a>
                 </div>
             </li>
+
+            <li class="menu-item">
+                <div class="menu-link" onclick="toggleSubmenu(this)">
+                    <span class="menu-icon">
+                        <i class="fas fa-file-alt"></i>
+                    </span>
+                    <span class="menu-text">内容管理</span>
+                    <span class="menu-arrow">
+                        <i class="fas fa-chevron-right"></i>
+                    </span>
+                </div>
+                <div class="submenu">
+                    <a href="#" class="submenu-link" onclick="loadContent('./内容管理/公告管理.html', this)">
+                        <span class="submenu-icon"></span>
+                        公告管理
+                    </a>
+                    <a href="#" class="submenu-link" onclick="loadContent('./内容管理/购物须知管理.html', this)">
+                        <span class="submenu-icon"></span>
+                        购物须知管理
+                    </a>
+                    <a href="#" class="submenu-link" onclick="loadContent('./内容管理/轮播图管理.html', this)">
+                        <span class="submenu-icon"></span>
+                        轮播图管理
+                    </a>
+                </div>
+            </li>
         </ul>
     </aside>
 
diff --git a/商家端web/内容管理/轮播图管理.html b/商家端web/内容管理/轮播图管理.html
index 16d28fb..755863c 100644
--- a/商家端web/内容管理/轮播图管理.html
+++ b/商家端web/内容管理/轮播图管理.html
@@ -16,18 +16,23 @@
             font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
             background-color: #f5f5f5;
             color: #333;
+            width: 100%;
+            height: 100vh;
+            margin: 0;
         }
 
         .container {
             max-width: 1400px;
             margin: 0 auto;
-            padding: 20px;
+            padding: 30px;
+            height: 100vh;
+            overflow-y: auto;
         }
 
         .page-header {
-            background: white;
+            background: rgb(9, 84, 43);
             padding: 16px 24px;
-            margin-bottom: 16px;
+            margin-bottom: 30px;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         }
@@ -35,21 +40,21 @@
         .page-title {
             font-size: 24px;
             font-weight: 600;
-            color: #262626;
+            color: #fff;
         }
 
         /* 主要内容区域 */
         .content {
             display: flex;
             flex-direction: column;
-            gap: 20px;
+            gap: 30px;
         }
 
         /* 搜索过滤区域 */
         .filter-section {
-            background: white;
+            background: #fafafa;
             padding: 24px;
-            margin-bottom: 16px;
+            margin-bottom: 30px;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         }
@@ -57,8 +62,8 @@
         .search-form {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 16px;
-            margin-bottom: 16px;
+            gap: 20px;
+            margin-bottom: 20px;
         }
 
         .form-item {
@@ -69,15 +74,15 @@
 
         .form-label {
             font-size: 14px;
-            color: #666;
+            color: #333;
             font-weight: 500;
         }
 
         .form-input {
             height: 40px;
             padding: 0 12px;
-            border: 1px solid #ddd;
-            border-radius: 6px;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
             font-size: 14px;
         }
 
@@ -89,21 +94,22 @@
 
         .button-group {
             display: flex;
-            gap: 12px;
+            gap: 10px;
         }
 
         /* 按钮样式 */
         .btn {
-            height: 40px;
-            padding: 0 16px;
+            padding: 10px 20px;
             border: none;
-            border-radius: 6px;
+            border-radius: 5px;
             font-size: 14px;
+            font-weight: 500;
             cursor: pointer;
             display: inline-flex;
             align-items: center;
             justify-content: center;
-            transition: all 0.3s;
+            transition: all 0.3s ease;
+            gap: 5px;
         }
 
         .btn:disabled {
@@ -118,17 +124,19 @@
 
         .btn-primary:hover:not(:disabled) {
             background: #40a9ff;
+            transform: translateY(-2px);
         }
 
         .btn-secondary {
             background: white;
             color: #666;
-            border: 1px solid #ddd;
+            border: 1px solid #d9d9d9;
         }
 
         .btn-secondary:hover:not(:disabled) {
             border-color: #1890ff;
             color: #1890ff;
+            transform: translateY(-2px);
         }
 
         .btn-link {
@@ -147,16 +155,16 @@
         /* 操作按钮区域 */
         .action-section {
             display: flex;
-            gap: 8px;
+            gap: 10px;
         }
 
         /* 表格区域 */
         .table-section {
-            background: white;
+            background: #fff;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
             overflow: hidden;
-            margin-bottom: 16px;
+            margin-bottom: 30px;
         }
 
         .table-wrapper {
@@ -174,19 +182,19 @@
             padding: 12px 8px;
             text-align: left;
             font-weight: 600;
-            color: #666;
-            border-bottom: 1px solid #f0f0f0;
+            color: #333;
+            border-bottom: 1px solid #e8e8e8;
             white-space: nowrap;
         }
 
         .data-table td {
             padding: 12px 8px;
-            border-bottom: 1px solid #f9f9f9;
+            border-bottom: 1px solid #e8e8e8;
             vertical-align: middle;
         }
 
         .data-table tbody tr:hover {
-            background: #f8f9fa;
+            background: #e6f7ff;
         }
 
         .banner-preview {
@@ -207,7 +215,7 @@
         .status-enabled {
             background: #f6ffed;
             color: #52c41a;
-            border: 1px solid #b7eb8f;
+            border: 1px solid #73d13d;
         }
 
         .status-disabled {
@@ -218,7 +226,7 @@
 
         .actions {
             display: flex;
-            gap: 8px;
+            gap: 10px;
         }
 
         /* 分页区域 */
@@ -227,8 +235,8 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            background: white;
-            border-top: 1px solid #f0f0f0;
+            background: #fff;
+            border-top: 1px solid #e8e8e8;
         }
 
         .pagination-info {
@@ -239,7 +247,7 @@
         .pagination-controls {
             display: flex;
             align-items: center;
-            gap: 16px;
+            gap: 20px;
         }
 
         .page-size-selector {
@@ -253,10 +261,10 @@
         .page-size-select {
             height: 32px;
             padding: 0 8px;
-            border: 1px solid #ddd;
+            border: 1px solid #d9d9d9;
             border-radius: 4px;
             font-size: 14px;
-            background: white;
+            background: #fff;
         }
 
         .page-list {
@@ -273,12 +281,12 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            border: 1px solid #ddd;
+            border: 1px solid #d9d9d9;
             border-radius: 4px;
             cursor: pointer;
             font-size: 14px;
-            transition: all 0.3s;
-            background: white;
+            transition: all 0.3s ease;
+            background: #fff;
             color: #666;
         }
 
@@ -290,7 +298,7 @@
         .page-item.active {
             background: #1890ff;
             border-color: #1890ff;
-            color: white;
+            color: #fff;
         }
 
         .page-item.disabled {
@@ -322,7 +330,7 @@
             width: 50px;
             height: 32px;
             padding: 0 8px;
-            border: 1px solid #ddd;
+            border: 1px solid #d9d9d9;
             border-radius: 4px;
             text-align: center;
             font-size: 14px;
@@ -399,7 +407,7 @@
             padding: 16px 24px;
             border-top: 1px solid #e8e8e8;
             display: flex;
-            gap: 8px;
+            gap: 10px;
             justify-content: flex-end;
         }
 
@@ -567,7 +575,7 @@
             .form-row {
                 flex-direction: column;
                 align-items: stretch;
-                gap: 12px;
+                gap: 10px;
             }
 
             .form-actions {
@@ -576,7 +584,7 @@
 
             .pagination-section {
                 flex-direction: column;
-                gap: 12px;
+                gap: 10px;
             }
 
             .pagination-info {