.navbar[data-v-8acd38aa]{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;background-color:#141414b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease}.navbar.scrolled[data-v-8acd38aa]{padding:.75rem 0;background-color:#0a0a0ad9;box-shadow:0 4px 15px #00000059}.container[data-v-8acd38aa]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo-container[data-v-8acd38aa]{display:flex;align-items:center;text-decoration:none;color:#fff}.logo-img[data-v-8acd38aa]{height:45px;margin-right:12px;transition:transform .3s ease,filter .3s ease}.logo-img[data-v-8acd38aa]:hover{transform:scale(1.1) rotate(3deg);filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.logo[data-v-8acd38aa]{font-size:1.6rem;margin:0;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.3)}.nav-links[data-v-8acd38aa]{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-links a[data-v-8acd38aa]{color:#e0e0e0;text-decoration:none;font-weight:500;position:relative;padding:.6rem 1rem;border-radius:6px;transition:color .3s ease,background-color .3s ease}.nav-links a[data-v-8acd38aa]:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;transform:translate(0);background-color:#42b883;transition:width .3s ease}.nav-links a[data-v-8acd38aa]:hover{color:#fff;background-color:#ffffff14}.nav-links a[data-v-8acd38aa]:hover:after{width:100%}.menu-toggle[data-v-8acd38aa]{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.menu-toggle span[data-v-8acd38aa]{display:block;height:3px;width:100%;background-color:#f0f0f0;border-radius:3px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width: 768px){.menu-toggle[data-v-8acd38aa]{display:flex;z-index:1001}.nav-links[data-v-8acd38aa]{position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;background-color:#0a0a0afa;padding:2rem 0;gap:1.5rem;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .4s ease}.nav-links.active[data-v-8acd38aa]{transform:translate(0);opacity:1;pointer-events:all}.nav-links li[data-v-8acd38aa]{width:auto;text-align:center}.nav-links a[data-v-8acd38aa]{display:inline-block;padding:1rem 1.5rem;font-size:1.2rem}.menu-toggle.active span[data-v-8acd38aa]:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span[data-v-8acd38aa]:nth-child(2){opacity:0}.menu-toggle.active span[data-v-8acd38aa]:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}:root{--transition-speed: .3s;--accent-color: #42b883;--box-shadow: 0 4px 12px rgba(0, 0, 0, .15)}html,body,#app{height:100%}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;color:#333;background-color:#f8f8f8}.app{display:flex;flex-direction:column;height:100%}main{flex:1}footer{background-color:#333;color:#fff;padding:2rem 0}.footer-content{max-width:1200px;margin:0 auto;text-align:center;padding:0 1rem}@media (max-width: 768px){footer{padding:1.5rem 0}}:root{--transition-speed: .3s;--accent-color: #42b883;--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);font-family:PingFang SC,Microsoft YaHei,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f8f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:var(--accent-color);text-decoration:inherit;transition:color var(--transition-speed)}a:hover{color:#35495e}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.2;margin-bottom:.5em}h2{font-size:2em;margin-bottom:.5em}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-color);color:#fff;cursor:pointer;transition:all var(--transition-speed)}button:hover{background-color:#35495e}button:focus,button:focus-visible{outline:2px solid var(--accent-color)}.section{padding:4rem 1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}#app{width:100%;margin:0 auto}@media (max-width: 768px){.section{padding:2rem 1rem}h1{font-size:2em}h2{font-size:1.5em}}