﻿/* 侧边信息面板统一关闭按钮 */
.panel { transition: opacity .25s ease, transform .25s ease; }
.panel.closed { opacity: 0; visibility: hidden; transform: translateX(16px); pointer-events: none; }
.panel-close {
  margin-left: auto; flex: 0 0 auto; width: 26px; height: 26px; padding: 0;
  border-radius: 50%; border: 1px solid rgba(150, 200, 255, .35);
  background: rgba(8, 16, 30, .55); color: #cfe6ff; font-size: 15px; line-height: 24px;
  text-align: center; cursor: pointer; transition: background .2s ease, border-color .2s ease;
}
.panel-close:hover { background: rgba(120, 180, 255, .2); border-color: rgba(170, 220, 255, .6); }
.panel-toggle {
  position: fixed; right: 16px; bottom: 92px; z-index: 70;
  padding: 9px 16px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(150, 200, 255, .4); background: rgba(8, 16, 30, .72);
  color: #cfe6ff; font-size: 12px; letter-spacing: .16em; backdrop-filter: blur(8px);
}
.panel-toggle:hover { background: rgba(120, 180, 255, .18); }
.panel-toggle[hidden] { display: none; }

