diff --git a/index.html b/index.html index 3de5b6f..5aa0784 100644 --- a/index.html +++ b/index.html @@ -11,9 +11,9 @@ header { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #e0e0e0; padding: 30px 20px; margin-bottom: 30px; border-bottom: 1px solid #2a2a3e; } header h1 { font-size: 28px; margin-bottom: 8px; color: #ffffff; } header p { opacity: 0.8; font-size: 14px; color: #a0a0a0; } - .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; } - .stat-card { background: #1a1a1a; padding: 20px; border-radius: 8px; border: 1px solid #2a2a2a; } - .stat-card .value { font-size: 28px; font-weight: bold; color: #4a9eff; } + .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 30px; } + .stat-card { background: #1a1a1a; padding: 20px; border-radius: 8px; border: 1px solid #2a2a2a; overflow: hidden; } + .stat-card .value { font-size: 24px; font-weight: bold; color: #4a9eff; word-break: break-word; line-height: 1.3; } .stat-card .label { font-size: 13px; color: #808080; margin-top: 4px; } .filters { background: #1a1a1a; padding: 20px; border-radius: 8px; border: 1px solid #2a2a2a; margin-bottom: 20px; } .filters-row { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }