/* ============================================
   响应式 - 电脑端居中适配
   ============================================ */

@media (min-width: 768px) {
  body {
    max-width: 480px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    position: relative;
  }
  .camera-btn {
    right: calc(50% - 240px + 20px) !important;
  }
  .tab-bar {
    position: fixed;
    bottom: 0;
    left: calc(50% - 240px);
    width: 480px;
    max-width: 480px;
    right: auto;
    transform: none;
  }
  .back-to-top {
    right: calc(50% - 240px + 20px) !important;
  }
  .notification-sheet-content {
    max-width: 480px;
    margin: 0 auto;
  }
}