import React from 'react';

const Footer = () => {
  const currentYear = new Date().getFullYear();

  return (
    <footer
      className={[
        'text-white mt-[60px]',
        'bg-[linear-gradient(135deg,rgba(129,199,132,0.62)_0%,rgba(102,187,106,0.62)_100%)]',
        'backdrop-blur-[16px] [backdrop-filter:blur(16px)_saturate(125%)]',
        'shadow-[0_-2px_16px_rgba(0,0,0,0.08)]',
        'border-t border-white/35',
        'pt-10 pb-20 md:pb-5',
      ].join(' ')}
    >
      <div className="max-w-[1200px] mx-auto px-4">
        <div className="text-center mb-6">
          <h3 className="text-white text-xl font-bold mb-3">万象口袋</h3>
        </div>

        <div className="h-px bg-white/20 my-6" />

        <div className="text-center text-xs text-white/80 leading-relaxed">
          <p className="mb-2">
            <strong>蜀ICP备2025151694号 | Copyright © 2025-{currentYear}</strong>
          </p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;