diff --git a/public/mn/index.php b/public/mn/index.php index e27301d2..d7ce53c7 100644 --- a/public/mn/index.php +++ b/public/mn/index.php @@ -548,184 +548,187 @@ } } - /* ===== UNIVERSAL HAMBURGER MENU ===== */ - .universal-header { - position: fixed; - top: 1rem; - left: 1rem; - right: 1rem; - z-index: 1100; - display: flex; - align-items: center; - justify-content: space-between; - background: rgba(15, 23, 42, 0.8); - backdrop-filter: blur(16px); - -webkit-backdrop-filter: blur(16px); - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 1.5rem; - padding: 0.6rem 1.25rem; - box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); - } - - .header-left { - display: flex; - align-items: center; - gap: 0.75rem; - text-decoration: none; - } + + /* ===== UNIVERSAL HAMBURGER MENU ===== */ + .universal-header { + position: fixed; + top: 1rem; + left: 1rem; + right: 1rem; + z-index: 1100; + display: flex; + align-items: center; + justify-content: space-between; + background: rgba(15, 23, 42, 0.8); + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 1.5rem; + padding: 0.6rem 1.25rem; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); + } - .header-logo { - width: 28px; - height: 28px; - border-radius: 8px; - } + .header-left { + display: flex; + align-items: center; + gap: 0.75rem; + text-decoration: none; + } - .header-title { - font-size: 0.9rem; - font-weight: 800; - color: white; - letter-spacing: -0.01em; - } + .header-logo { + width: 28px; + height: 28px; + border-radius: 8px; + } - .hamburger-trigger { - width: 36px; - height: 36px; - border-radius: 50%; - background: rgba(124, 58, 237, 0.2); - border: 1px solid rgba(124, 58, 237, 0.3); - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 4px; - cursor: pointer; - transition: all 0.2s ease; - } + .header-title { + font-size: 0.9rem; + font-weight: 800; + color: white; + letter-spacing: -0.01em; + } - .hamburger-trigger span { - width: 18px; - height: 2px; - background: #a78bfa; - border-radius: 2px; - transition: all 0.3s ease; - } + .hamburger-trigger { + width: 36px; + height: 36px; + border-radius: 50%; + background: rgba(124, 58, 237, 0.2); + border: 1px solid rgba(124, 58, 237, 0.3); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 4px; + cursor: pointer; + transition: all 0.2s ease; + } - .hamburger-trigger.active span:nth-child(1) { - transform: translateY(6px) rotate(45deg); - } + .hamburger-trigger span { + width: 18px; + height: 2px; + background: #a78bfa; + border-radius: 2px; + transition: all 0.3s ease; + } - .hamburger-trigger.active span:nth-child(2) { - opacity: 0; - } + .hamburger-trigger.active span:nth-child(1) { + transform: translateY(6px) rotate(45deg); + } - .hamburger-trigger.active span:nth-child(3) { - transform: translateY(-6px) rotate(-45deg); - } + .hamburger-trigger.active span:nth-child(2) { + opacity: 0; + } - .nav-overlay { - position: fixed; - inset: 0; - z-index: 1050; - background: rgba(8, 12, 24, 0.98); - backdrop-filter: blur(20px); - display: none; - flex-direction: column; - padding: 6rem 2rem 2rem; - animation: fadeIn 0.3s ease; - } + .hamburger-trigger.active span:nth-child(3) { + transform: translateY(-6px) rotate(-45deg); + } - .nav-overlay.active { - display: flex; - } + .nav-overlay { + position: fixed; + inset: 0; + z-index: 1050; + background: rgba(8, 12, 24, 0.98); + backdrop-filter: blur(20px); + display: none; + flex-direction: column; + padding: 6rem 2rem 2rem; + animation: fadeIn 0.3s ease; + } - .nav-list { - display: flex; - flex-direction: column; - gap: 1rem; - } + .nav-overlay.active { + display: flex; + } - .nav-link { - display: flex; - align-items: center; - gap: 1.25rem; - text-decoration: none; - padding: 1rem; - border-radius: 1rem; - background: rgba(255, 255, 255, 0.03); - border: 1px solid rgba(255, 255, 255, 0.05); - transition: all 0.2s ease; - } + .nav-list { + display: flex; + flex-direction: column; + gap: 1rem; + } - .nav-link i { - width: 24px; - font-size: 1.25rem; - color: #a78bfa; - text-align: center; - } + .nav-link { + display: flex; + align-items: center; + gap: 1.25rem; + text-decoration: none; + padding: 1rem; + border-radius: 1rem; + background: rgba(255, 255, 255, 0.03); + border: 1px solid rgba(255, 255, 255, 0.05); + transition: all 0.2s ease; + } - .nav-link span { - font-size: 1rem; - font-weight: 700; - color: #e2e8f0; - } + .nav-link i { + width: 24px; + font-size: 1.25rem; + color: #a78bfa; + text-align: center; + } - .nav-link.active { - border-color: rgba(124, 58, 237, 0.5); - background: rgba(124, 58, 237, 0.1); - } + .nav-link span { + font-size: 1rem; + font-weight: 700; + color: #e2e8f0; + } - .nav-link.active span { - color: #a78bfa; - } + .nav-link.active { + border-color: rgba(124, 58, 237, 0.5); + background: rgba(124, 58, 237, 0.1); + } - .nav-footer { - margin-top: auto; - padding-top: 2rem; - border-top: 1px solid rgba(255, 255, 255, 0.05); - } + .nav-link.active span { + color: #a78bfa; + } - @keyframes fadeIn { - from { - opacity: 0; + .nav-footer { + margin-top: auto; + padding-top: 2rem; + border-top: 1px solid rgba(255, 255, 255, 0.05); } - to { - opacity: 1; + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } } - } + + - -
- - - i2u.ai - -
- - - + + +
+ + + i2u.ai + +
+ + + +
-
- -