diff --git a/app/globals.css b/app/globals.css index 825297e..abe9bb6 100644 --- a/app/globals.css +++ b/app/globals.css @@ -243,11 +243,11 @@ h1, h2, h3 { letter-spacing: -0.02em; } /* Третий, центральный ореол — глубина «космоса» */ .bg-ambient .aurora-3 { position: absolute; - width: 680px; height: 680px; + width: 620px; height: 620px; border-radius: 50%; - filter: blur(100px); - background: radial-gradient(circle, rgba(168, 85, 247, 0.32) 0%, transparent 68%); - top: 22%; left: 34%; + filter: blur(110px); + background: radial-gradient(circle, rgba(168, 85, 247, 0.16) 0%, transparent 70%); + top: -12%; left: 42%; animation: float1 31s ease-in-out infinite reverse; } .light .bg-ambient .aurora-3 { diff --git a/components/CalendarTab.tsx b/components/CalendarTab.tsx index 251e1ee..39a81c5 100644 --- a/components/CalendarTab.tsx +++ b/components/CalendarTab.tsx @@ -783,9 +783,12 @@ export default function CalendarTab() { key={idx} onClick={() => handleDayClick(day)} style={{ - borderRadius: 12, padding: '4px 5px', - background: isToday ? 'linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.08))' : 'rgba(255,255,255,0.015)', - border: isToday ? '1px solid rgba(129,140,248,0.3)' : '1px solid transparent', + borderRadius: 12, padding: '5px 6px', + background: isToday + ? 'linear-gradient(135deg, rgba(109,94,252,0.34), rgba(46,230,246,0.12)), rgba(22,22,48,0.82)' + : 'rgba(22,22,48,0.82)', + border: isToday ? '1px solid rgba(160,168,255,0.38)' : '1px solid rgba(255,255,255,0.05)', + boxShadow: isToday ? '0 6px 22px -8px rgba(109,94,252,0.55), inset 0 1px 0 rgba(255,255,255,0.06)' : 'inset 0 1px 0 rgba(255,255,255,0.02)', cursor: 'pointer', minHeight: 70, display: 'flex', flexDirection: 'column', gap: 3, transition: 'all 0.2s ease', diff --git a/components/RoomTabs.tsx b/components/RoomTabs.tsx index d641a1d..ef05002 100644 --- a/components/RoomTabs.tsx +++ b/components/RoomTabs.tsx @@ -40,15 +40,15 @@ export default function RoomTabs({ rooms, active, onChange }: RoomTabsProps) { padding: '10px 20px', borderRadius: 16, background: isActive - ? 'linear-gradient(135deg, rgba(99,102,241,0.18), rgba(139,92,246,0.12))' - : 'rgba(255,255,255,0.03)', + ? 'linear-gradient(135deg, rgba(109,94,252,0.32), rgba(46,230,246,0.12))' + : 'rgba(255,255,255,0.04)', border: isActive - ? '1px solid rgba(129,140,248,0.25)' - : '1px solid rgba(255,255,255,0.05)', + ? '1px solid rgba(160,168,255,0.35)' + : '1px solid rgba(255,255,255,0.06)', minWidth: 'fit-content', flexShrink: 0, transition: 'all 0.25s cubic-bezier(0.4, 0, 0.2, 1)', - boxShadow: isActive ? '0 4px 16px rgba(99,102,241,0.1)' : 'none', + boxShadow: isActive ? '0 8px 22px -8px rgba(109,94,252,0.5)' : 'none', }} > {room.emoji}