export default function Loading() {
  return (
    <div className="p-8 max-w-7xl mx-auto">
      <div className="animate-pulse space-y-6">
        {/* 标题骨架 */}
        <div className="h-8 w-48 bg-gray-700/50 rounded" />
        <div className="h-4 w-64 bg-gray-700/30 rounded" />
        
        {/* Tab骨架 */}
        <div className="flex gap-2 pb-4 border-b border-gray-700">
          {[1, 2, 3, 4].map(i => (
            <div key={i} className="h-10 w-28 bg-gray-700/30 rounded-lg" />
          ))}
        </div>
        
        {/* 卡片骨架 */}
        <div className="grid grid-cols-4 gap-4">
          {[1, 2, 3, 4].map(i => (
            <div key={i} className="bg-[#0f2137] border border-gray-700/50 rounded-lg p-6">
              <div className="h-4 w-20 bg-gray-700/30 rounded mb-2" />
              <div className="h-8 w-16 bg-gray-700/50 rounded" />
            </div>
          ))}
        </div>
        
        {/* 大卡片骨架 */}
        <div className="grid grid-cols-2 gap-4">
          {[1, 2].map(i => (
            <div key={i} className="bg-[#0f2137] border border-gray-700/50 rounded-lg p-6 h-48" />
          ))}
        </div>
      </div>
    </div>
  )
}
