.app-header[data-v-432c8b28]{background-color:#2c3e50;color:#fff;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-container[data-v-432c8b28]{width:100%;margin:0 auto;padding:0 20px;background:#f3f3f3;color:#000}.logo a[data-v-432c8b28]{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.nav-list[data-v-432c8b28]{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-item a[data-v-432c8b28]{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:4px;transition:background-color .3s}.nav-item a[data-v-432c8b28]:hover{background-color:hsla(0,0%,100%,.1)}.nav-item a.active[data-v-432c8b28]{background-color:#fff;color:#000}.nav-item a.router-link-exact-active[data-v-432c8b28]{background-color:#fff}.search-box[data-v-432c8b28]{display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:4px;padding:8px 12px;width:300px;height:40px;transition:background-color .3s;box-shadow:inset 0 0 8px rgba(0,0,0,.1);margin-left:100px;outline:none}.search-input[data-v-432c8b28]{background-color:transparent;border:none;font-size:16px;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;height:100%;color:#000}.header-router[data-v-432c8b28]{display:flex;align-items:center;width:100%;background-color:#f60;height:100px;position:relative}.header-top[data-v-432c8b28]{display:flex;align-items:center;justify-content:space-between;width:60%;margin:0 auto;padding:5px 0}.header-logo[data-v-432c8b28]{width:145px;height:100px;position:absolute;left:0;top:0;background:#fff;display:flex}.logo-img[data-v-432c8b28]{width:100px;height:100%;margin-left:15px}.app-footer[data-v-d60bbec0]{background-color:#2c3e50;color:#fff;margin-top:auto}.footer-content[data-v-d60bbec0]{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3[data-v-d60bbec0]{color:#42b883;margin-bottom:15px;font-size:18px}.footer-section p[data-v-d60bbec0]{color:#bdc3c7;line-height:1.6;margin:5px 0}.footer-section ul[data-v-d60bbec0]{list-style:none;padding:0;margin:0}.footer-section ul li[data-v-d60bbec0]{margin-bottom:8px}.footer-section ul li a[data-v-d60bbec0]{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section ul li a[data-v-d60bbec0]:hover{color:#42b883}.social-links[data-v-d60bbec0]{display:flex;gap:15px;flex-wrap:wrap}.social-link[data-v-d60bbec0]{color:#bdc3c7;text-decoration:none;padding:5px 10px;border:1px solid #bdc3c7;border-radius:4px;transition:all .3s}.social-link[data-v-d60bbec0]:hover{color:#fff;border-color:#fff;background-color:hsla(0,0%,100%,.1)}.footer-bottom[data-v-d60bbec0]{text-align:left;border-top:1px solid #34495e;max-width:1200px;margin:0 auto;padding:10px 0}.footer-bottom p[data-v-d60bbec0]{color:#7f8c8d;font-size:14px;width:100%;text-align:center}*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif}.main-content{flex:1;width:100%;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width:1024px){.main-content{width:70%}}@media (max-width:768px){.main-content{width:90%;margin:10px auto;padding:15px}.header-container{flex-direction:column;height:auto;padding:15px}.nav-list{margin-top:15px;flex-wrap:wrap;justify-content:center;gap:10px}}@media (max-width:480px){.main-content{width:95%}.footer-content{grid-template-columns:1fr;text-align:center}}