/* drawer.css —— 从 layout.css 拆出（原第 271-329 行）
   底部抽屉菜单
   拆分日期：2026-10-30 */

/* ---------- 底部抽屉菜单（终极重构版） ---------- */
.mobile-menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s; }
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }

.bottom-sheet-menu {
  position: fixed; bottom: 0; left: 0; width: 100%; 
  background: rgba(255, 255, 255, 0.95); 
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-radius: 24px 24px 0 0; 
  z-index: 9999; /* 修复穿模 */
  box-shadow: 0 -8px 30px rgba(0,0,0,0.1);
  max-height: 85vh; overflow-y: auto; transform: translateY(100%); 
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bottom-sheet-menu::-webkit-scrollbar { display: none; }
body.dark-theme .bottom-sheet-menu { background: rgba(30, 34, 41, 0.95); }
.bottom-sheet-menu.active { transform: translateY(0); }

.bottom-sheet-header { padding: 12px 20px 4px; display: flex; justify-content: center; }
.bottom-sheet-handle { width: 36px; height: 4px; background: #d1d5db; border-radius: 2px; }
body.dark-theme .bottom-sheet-handle { background: #4b5563; }

.bottom-sheet-nav { padding: 10px 16px 24px; }
.bottom-sheet-nav ul { list-style: none; padding: 0; margin: 0; }
.bottom-sheet-nav li { opacity: 0; transform: translateY(15px); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.bottom-sheet-menu.active .bottom-sheet-nav li { opacity: 1; transform: translateY(0); }

.bottom-sheet-nav a { 
  display: flex; align-items: center; gap: 12px;
  padding: 16px 20px; margin-bottom: 4px; border-radius: 12px; 
  color: var(--text-primary); text-decoration: none; 
  transition: background 0.2s, color 0.2s, transform 0.2s; 
}
.bottom-sheet-nav a .icon { font-size: 1.25rem; flex-shrink: 0; }
.bottom-sheet-nav a .nav-title { font-weight: 500; font-size: 1.05rem; flex-shrink: 0; }
.bottom-sheet-nav a .nav-desc { 
  margin-left: 6px; font-size: 0.8rem; color: var(--text-secondary); 
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bottom-sheet-nav a .nav-desc::before {
  content: "- ";
  margin-right: 2px;
  color: var(--text-secondary);
  opacity: 0.7;
}

.bottom-sheet-nav a:hover, .bottom-sheet-nav a:active { 
  background: rgba(37, 99, 235, 0.08); 
  color: #2563eb; 
  transform: scale(0.99); 
}
body.dark-theme .bottom-sheet-nav a:hover { background: rgba(37, 99, 235, 0.15); }

.bottom-sheet-nav a:hover .nav-title,
.bottom-sheet-nav a:hover .nav-desc,
.bottom-sheet-nav a:hover .icon { color: #2563eb; }