import { useNavigate } from "react-router-dom";

export default function FloatingButton() {
  const navigate = useNavigate();

  return (
    <div className="fixed bottom-6 left-0 right-0 z-50 flex justify-center safe-bottom">
      <button
        onClick={() => navigate("/album")}
        className="animate-pulse-glow active:scale-95 transition-transform"
        style={{
          padding: "14px 44px",
          borderRadius: "100px",
          background: "linear-gradient(135deg, var(--terracotta) 0%, #d4623f 100%)",
          color: "var(--text-inverted)",
          fontSize: "15px",
          fontWeight: 500,
          letterSpacing: "0.15em",
        }}
      >
        进入图章集册
      </button>
    </div>
  );
}
