From a681ae60ef20431ff4aab3c938c728716b000cf5 Mon Sep 17 00:00:00 2001 From: zdh Date: Thu, 4 Jun 2026 15:54:41 +0800 Subject: [PATCH] fix: add mobile sidebar menu and drawer overlay --- .../ai-usage-levels-for-software-company.html | 30 ++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) diff --git a/抖音主题/报告/ai-usage-levels-for-software-company.html b/抖音主题/报告/ai-usage-levels-for-software-company.html index 3269564..9ea80f2 100644 --- a/抖音主题/报告/ai-usage-levels-for-software-company.html +++ b/抖音主题/报告/ai-usage-levels-for-software-company.html @@ -29,6 +29,10 @@ .header .back-link{margin-right:16px;font-size:13px;color:var(--color-primary);text-decoration:none;flex-shrink:0;} .header .back-link:hover{text-decoration:underline;} .header .version{margin-left:auto;font-size:12px;color:var(--text-tertiary);font-family:'SF Mono',Monaco,monospace;} + .menu-btn{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:20px;margin-right:12px;flex-shrink:0;} + .menu-btn:hover{background:var(--bg-elevated);} + .drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200;opacity:0;transition:opacity .25s;} + .drawer-overlay.show{display:block;opacity:1;} .sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-container);border-right:1px solid var(--border);overflow-y:auto;padding:1.25rem 0;z-index:90;} .sidebar .toc-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:0 1.25rem;margin-bottom:.75rem;font-weight:600;} @@ -118,7 +122,9 @@ @media(max-width:992px){:root{--sidebar-w:220px;}.main{padding:24px 20px 48px;}} @media(max-width:768px){ - .sidebar{display:none;} + .menu-btn{display:flex;align-items:center;justify-content:center;} + .sidebar{display:block;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translateX(-100%);transition:transform .25s ease;z-index:201;padding-top:60px;} + .sidebar.show{transform:translateX(0);} .main{margin-left:0;padding:20px 16px 40px;} .header h1{font-size:15px;} .flow-chart{flex-direction:column;align-items:stretch;} @@ -129,11 +135,14 @@
+ ← 首页

AI 使用程度四级模型 · 软件公司角色协同全景

V1.0 · 2026-06
+
+