/* ── 备案号 ────────────────────────────────────────────────────────────────── */
.beian-footer {
  position: fixed;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: rgba(152,152,176,.45);
  z-index: 1;
  pointer-events: auto;
}
.beian-footer a {
  color: inherit;
  text-decoration: none;
  opacity: .7;
}
.beian-footer a:hover { opacity: 1; }

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  :root { --sidebar-w: 180px; }
  .content-view { padding: 24px 16px; }
  .notes-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
}

@media (max-width: 600px) {
  :root { --sidebar-w: 0px; }

  .sidebar {
    position: fixed; left: 0; top: 0; bottom: 0; z-index: 60;
    width: 240px;
    box-shadow: 4px 0 40px rgba(0,0,0,.18);
    transform: translateX(-100%);
    transition: transform .3s ease;
  }
  .sidebar:not(.collapsed) {
    transform: translateX(0);
  }
  .sidebar.collapsed {
    width: 240px;
    padding: 24px 16px;
    opacity: 1;
    pointer-events: none;
    transform: translateX(-100%);
  }

  .btn-expand-sidebar {
    position: fixed; top: 12px; left: 12px; z-index: 55;
  }
  .btn-expand-sidebar.hidden { display: none; }

  .content { width: 100%; }
  .content-view { padding: 14px 10px; }

  .view-header { flex-direction: column; gap: 10px; align-items: stretch; }
  .view-header-right { width: 100%; flex-wrap: wrap; }
  .search-input { width: 100%; }

  .note-card { padding: 14px; }
  .note-actions { flex-direction: column; }

  .modal-card { max-width: 100%; margin: 0 8px; padding: 20px; border-radius: 16px; }

  .comment-input-row, .reply-input-row { flex-direction: column; }
  .btn-send { width: 100%; text-align: center; }

  .beian-footer { font-size: 10px; bottom: 4px; white-space: nowrap; }

  .profile-view { padding: 14px 10px; }
  .profile-info-grid { grid-template-columns: 1fr; }
  .profile-header { padding: 16px 0 18px; }
  .profile-name-row h2 { font-size: 1.2rem; }
}