/* ========================================= */
/* 文件：fan-menu.css                         */
/* 功能：主页左下角的扇形展开菜单 —— 点击后     */
/*       三个小图标向外弹开，再点一下收回来，   */
/*       是通往各功能区的快捷入口               */
/* ========================================= */

/* 扇形菜单 */
.fan-menu-container {
  position: absolute; left: 60px;
  bottom: max(50px, env(safe-area-inset-bottom));
  width: 50px; height: 50px; z-index: 100;
}
.fan-trigger {
  width: 50px; height: 50px; border-radius: 50%;
  background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 24px; cursor: pointer;
  position: relative; z-index: 2;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.fan-menu-active .fan-trigger { transform: rotate(45deg); background: rgba(255, 179, 122, 0.2); border-color: #ffb37a; }
.fan-item {
  position: absolute; left: 5px; top: 5px;
  width: 40px; height: 40px; border-radius: 50%;
  background: transparent !important; border: none !important; box-shadow: none !important;        
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: scale(0.5);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  pointer-events: none;
}
.fan-item img { width: 60px !important; height: 60px !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); }
.fan-menu-active .item-1 { transform: translateY(-100px) scale(1); opacity: 0.6; pointer-events: auto; }
.fan-menu-active .item-2 { transform: translate(80px, -80px) scale(1); opacity: 0.6; pointer-events: auto; }
.fan-menu-active .item-3 { transform: translateX(100px) scale(1); opacity: 0.6; pointer-events: auto; }