2 lines
6.4 KiB
CSS
2 lines
6.4 KiB
CSS
|
[data-v-ec97857a]:root{--tech-blue: #007AFF;--tech-blue-dark: #0056B3;--tech-blue-light: #E5F1FF}.navbar[data-v-ec97857a]{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 4rem;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:none}.navbar .logo-text[data-v-ec97857a]{color:#fff;transition:color .3s ease}.navbar .nav-item[data-v-ec97857a]{color:#fff}.nav-scrolled[data-v-ec97857a]{padding:1.2rem 4rem;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #007aff1a;border-bottom:1px solid rgba(0,122,255,.1)}.nav-scrolled .logo-text[data-v-ec97857a]{color:#007aff}.nav-scrolled .nav-item[data-v-ec97857a]{color:#333}.logo[data-v-ec97857a]{display:flex;align-items:center}.logo a[data-v-ec97857a]{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-img[data-v-ec97857a]{height:36px;width:auto;transition:transform .3s ease}.logo-img[data-v-ec97857a]:hover{transform:scale(1.05)}.logo-text[data-v-ec97857a]{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-links[data-v-ec97857a]{display:flex;gap:2.5rem}.nav-item[data-v-ec97857a]{display:flex;align-items:center;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem;transition:all .3s ease;position:relative}.nav-item[data-v-ec97857a]:hover,.nav-item.router-link-active[data-v-ec97857a]{color:#007aff!important}.nav-item[data-v-ec97857a]:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#007aff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-item[data-v-ec97857a]:hover:after,.nav-item.router-link-active[data-v-ec97857a]:after{transform:scaleX(1);transform-origin:left}.mobile-menu[data-v-ec97857a]{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:10px}.mobile-menu span[data-v-ec97857a]{display:block;width:24px;height:2px;background:#007aff;transition:all .3s ease}.mobile-menu.is-active span[data-v-ec97857a]:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu.is-active span[data-v-ec97857a]:nth-child(2){opacity:0}.mobile-menu.is-active span[data-v-ec97857a]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.navbar[data-v-ec97857a]{padding:1.4rem 1.5rem;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none}.nav-scrolled[data-v-ec97857a]{padding:1rem 1.5rem;background-color:#fffffffa}.nav-links[data-v-ec97857a]{display:none;position:absolute;top:100%;left:0;right:0;background-color:#000000d9;padding:1rem;box-shadow:0 4px 20px #0003;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-scrolled .nav-links[data-v-ec97857a]{background-color:#fffffffa;box-shadow:0 4px 20px #007aff1a}.nav-links.nav-open[data-v-ec97857a]{display:flex;animation:slideDown-ec97857a .3s ease forwards}.nav-links .nav-item[data-v-ec97857a]{color:#fff}.nav-scrolled .nav-links .nav-item[data-v-ec97857a]{color:#333}.mobile-menu[data-v-ec97857a]{display:flex}.mobile-menu span[data-v-ec97857a]{background:#fff}.nav-scrolled .mobile-menu span[data-v-ec97857a]{background:#007aff}.nav-item[data-v-ec97857a]{padding:.8rem;border-radius:8px}.nav-item[data-v-ec97857a]:hover{background-color:#ffffff1a}.nav-scrolled .nav-item[data-v-ec97857a]:hover{background-color:#007aff0d}}@keyframes slideDown-ec97857a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-0b5f356f]{background:#1a1a1a;color:#fff;padding-top:60px}.footer-content[data-v-0b5f356f]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid[data-v-0b5f356f]{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section h4[data-v-0b5f356f]{color:#fff;font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-section h4[data-v-0b5f356f]:after{content:"";position:absolute;bottom:0;left:0;width:40px;h
|