From 4d1ab1548cb495ca56be526e7fb2e0f98ef711ea Mon Sep 17 00:00:00 2001
From: Ubuntu <ubuntu@localhost.hensey>
Date: Sat, 8 Aug 2026 16:00:02 +0800
Subject: [PATCH] Auto backup \2026-\04-\20

---
 www/index.html | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/www/index.html b/www/index.html
index 2c09a1f..a833673 100644
--- a/www/index.html
+++ b/www/index.html
@@ -16,10 +16,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica N
 .btn-outline{background:transparent;border:1px solid #667eea;color:#667eea}
 .btn-outline:hover{background:#667eea;color:#fff}
 .btn-sm{padding:6px 14px;font-size:13px}
-.main{padding:90px 0 40px}
-.layout{display:flex;gap:24px;align-items:flex-start}
-.content{flex:1;min-width:0;padding-right:24px}
-.sidebar{width:200px;flex-shrink:0;position:sticky;top:84px;background:rgba(255,255,255,.95);border-radius:0 16px 16px 0;padding:12px;box-shadow:0 6px 14px rgba(0,0,0,.12);max-height:calc(100vh - 100px);overflow-y:auto}
+.main{padding:60px 0 40px 224px}
+.navbar-title{position:absolute;left:50%;transform:translateX(-50%);font-size:1.2rem;font-weight:700;color:#1a1a2e;letter-spacing:.5px;white-space:nowrap}
+.content{min-width:0;padding:24px 24px 0 0}
+.sidebar{width:200px;position:fixed;top:60px;left:0;bottom:0;background:rgba(255,255,255,.95);padding:12px;box-shadow:0 6px 14px rgba(0,0,0,.12);overflow-y:auto;z-index:50}
 .sidebar-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;cursor:pointer;color:#374151;font-size:.92rem;font-weight:500;transition:background .15s,color .15s;margin-bottom:2px}
 .sidebar-item:hover{background:#eef0ff;color:#667eea}
 .sidebar-item.active{background:#667eea;color:#fff}
@@ -27,7 +27,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica N
 .sidebar-count{margin-left:auto;font-size:.75rem;background:#e5e7eb;color:#6b7280;border-radius:10px;padding:1px 8px}
 .sidebar-item.active .sidebar-count{background:rgba(255,255,255,.25);color:#fff}
 .sidebar-divider{height:1px;background:#e5e7eb;margin:8px 4px}
-.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}
+@media (max-width:768px){.sidebar{display:none}.main{padding-left:0}}
 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
 .card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;box-shadow:0 6px 14px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);transition:transform .1s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform}
 .card:hover{box-shadow:0 14px 24px rgba(0,0,0,.18),0 4px 8px rgba(0,0,0,.1)}
@@ -74,19 +74,18 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica N
 <body>
 <nav class="navbar">
   <div class="navbar-brand">🚀 Nancode Portal</div>
+  <div class="navbar-title">我的项目导航</div>
   <div class="navbar-btns" id="navbarBtns">
     <button class="btn btn-primary" onclick="ssoLogin()">🔐 SSO 统一登录</button>
   </div>
 </nav>
 
+<aside class="sidebar" id="sidebar"></aside>
+
 <main class="main">
-  <div class="layout">
-    <aside class="sidebar" id="sidebar"></aside>
-    <div class="content">
-      <div class="section-title">我的项目导航</div>
-      <div class="grid" id="cardGrid"></div>
-      <div class="empty" id="emptyState" style="display:none">暂无项目链接，登录后点击"添加链接"添加</div>
-    </div>
+  <div class="content">
+    <div class="grid" id="cardGrid"></div>
+    <div class="empty" id="emptyState" style="display:none">暂无项目链接，登录后点击"添加链接"添加</div>
   </div>
 </main>