style: 移动端菜单改为内容自适应浮动面板

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Mi Diario — 西班牙语日记</title>
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="style.css?v=20260802">
 </head>
 <body data-view="editor">
   <header id="mobile-header">

style.css

@@ -404,7 +404,7 @@ body {
     display: none;
     position: fixed;
     inset: 0;
-    background: rgba(0,0,0,0.35);
+    background: transparent;
     z-index: 100;
   }
   #mobile-menu-overlay.show { display: block; }
@@ -412,7 +412,9 @@ body {
     position: absolute;
     left: 0.5rem;
     top: 56px;
-    width: min(280px, 84vw);
+    width: max-content;
+    min-width: 190px;
+    max-width: 84vw;
     max-height: calc(100vh - 72px);
     background: var(--panel-bg);
     border: 1px solid var(--border);
@@ -439,6 +441,7 @@ body {
     font-size: 0.95rem;
     text-decoration: none;
     cursor: pointer;
+    white-space: nowrap;
   }
 
   #app { display: block; padding: 0; }