.app-header[data-v-a4fa788e]{background-color:#2c3e50;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-top[data-v-a4fa788e]{background:#f3f3f3;color:#000;padding:5px 0}.top-container[data-v-a4fa788e]{width:80%;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-a4fa788e]{font-size:12px;color:#666}.user-info>div[data-v-a4fa788e]{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.user-info span[data-v-a4fa788e]{cursor:pointer;transition:color .3s}.user-info span[data-v-a4fa788e]:hover{color:#f60}.header-main[data-v-a4fa788e]{background-color:#f60;padding:0}.main-container[data-v-a4fa788e]{margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:100px;position:relative}.header-left[data-v-a4fa788e]{display:flex;align-items:center}.header-logo[data-v-a4fa788e]{width:145px;height:100px;position:absolute;left:0;top:0;background:#fff;display:flex}.logo-img[data-v-a4fa788e]{width:100px;height:100%;margin-left:15px}.main-nav[data-v-a4fa788e]{margin-left:200px}.nav-list[data-v-a4fa788e]{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-item a[data-v-a4fa788e]{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:4px;transition:background-color .3s}.nav-item a[data-v-a4fa788e]:hover{background-color:hsla(0,0%,100%,.1)}.nav-item a.active[data-v-a4fa788e]{background-color:#fff;color:#000}.nav-item a.router-link-exact-active[data-v-a4fa788e]{background-color:#fff}.header-right[data-v-a4fa788e]{font-size:20px;position:absolute;right:50px}.contact-info[data-v-a4fa788e]{color:#fff}.mobile-menu-btn[data-v-a4fa788e]{display:none;cursor:pointer;font-size:24px;color:#fff}.mobile-menu[data-v-a4fa788e]{padding:20px}.menu-user[data-v-a4fa788e]{padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.user-name[data-v-a4fa788e]{font-size:16px;font-weight:600;color:#333}.user-action[data-v-a4fa788e]{color:#f60;cursor:pointer;font-size:14px}.menu-auth[data-v-a4fa788e]{display:flex;gap:10px;margin-bottom:20px}.login-btn[data-v-a4fa788e],.register-btn[data-v-a4fa788e]{flex:1;height:40px}.login-btn[data-v-a4fa788e]{background:#f60;border:none;color:#fff}.menu-nav[data-v-a4fa788e]{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.menu-item[data-v-a4fa788e]{padding:12px 16px;color:#333;text-decoration:none;border-radius:8px;transition:background-color .3s}.menu-item[data-v-a4fa788e]:hover{background-color:#f8f9fa}.menu-item.active[data-v-a4fa788e]{background-color:#f60;color:#fff}.menu-contact[data-v-a4fa788e]{padding-top:20px;border-top:1px solid #f0f0f0}.contact-item[data-v-a4fa788e]{display:flex;align-items:center;gap:10px;padding:10px 0;color:#666;font-size:14px}.contact-item .el-icon[data-v-a4fa788e]{color:#f60}@media (max-width:1200px){.main-container[data-v-a4fa788e],.top-container[data-v-a4fa788e]{width:90%}.main-nav[data-v-a4fa788e]{margin-left:160px}.header-right[data-v-a4fa788e]{right:20px;font-size:18px}}@media (max-width:992px){.main-container[data-v-a4fa788e],.top-container[data-v-a4fa788e]{width:95%}.header-right[data-v-a4fa788e],.main-nav[data-v-a4fa788e]{display:none}.mobile-menu-btn[data-v-a4fa788e]{display:block}.header-logo[data-v-a4fa788e]{width:145px;height:100px;position:relative;left:auto;top:auto}.logo-img[data-v-a4fa788e]{width:100px;height:100%;margin-left:15px}.main-container[data-v-a4fa788e]{height:100px;justify-content:flex-start}}@media (max-width:768px){.top-container[data-v-a4fa788e]{width:100%;padding:0 15px}.main-container[data-v-a4fa788e]{width:100%;padding:0 15px 0 0}.logo[data-v-a4fa788e],.user-info>div[data-v-a4fa788e]{font-size:10px}.header-logo[data-v-a4fa788e]{width:120px;height:80px}.logo-img[data-v-a4fa788e]{width:80px;margin-left:10px}.main-container[data-v-a4fa788e]{height:80px}.mobile-menu-btn[data-v-a4fa788e]{font-size:22px;margin-left:auto}}@media (max-width:480px){.header-logo[data-v-a4fa788e]{width:100px;height:70px}.logo-img[data-v-a4fa788e]{width:70px;margin-left:8px}.main-container[data-v-a4fa788e]{height:70px}.mobile-menu-btn[data-v-a4fa788e]{font-size:20px}}.app-footer[data-v-5a34101c]{background-color:#2c3e50;color:#fff;margin-top:auto;position:relative;width:100%}.footer-container[data-v-5a34101c]{width:92%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.footer-container[data-v-5a34101c]{width:90%;padding:0 20px}}@media(min-width:1200px){.footer-container[data-v-5a34101c]{width:80%}}.footer-links-section[data-v-5a34101c]{padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}@media(min-width:768px){.footer-links-section[data-v-5a34101c]{padding:24px 0}}.footer-links-section .links-container[data-v-5a34101c]{display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.footer-links-section .links-container[data-v-5a34101c]{flex-direction:row;align-items:center;gap:16px}}.footer-links-section .links-container .links-label[data-v-5a34101c]{font-size:14px;color:#bdc3c7;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.footer-links-section .links-container .links-label[data-v-5a34101c]{font-size:13px;text-align:center}}.footer-links-section .links-container .links-list[data-v-5a34101c]{display:flex;flex-wrap:wrap;gap:8px 16px}@media(max-width:768px){.footer-links-section .links-container .links-list[data-v-5a34101c]{justify-content:center;gap:12px}}.footer-links-section .links-container .links-list .link-item[data-v-5a34101c]{color:#fff;text-decoration:none;font-size:14px;padding:4px 0;transition:all .3s;position:relative;white-space:nowrap}@media(max-width:768px){.footer-links-section .links-container .links-list .link-item[data-v-5a34101c]{font-size:13px;padding:2px 0}}.footer-links-section .links-container .links-list .link-item[data-v-5a34101c]:hover{color:#42b883}.footer-links-section .links-container .links-list .link-item[data-v-5a34101c]:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#42b883;transform:scaleX(1);transition:transform .3s}.footer-links-section .links-container .links-list .link-item[data-v-5a34101c]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#42b883;transform:scaleX(0);transition:transform .3s}.footer-copyright[data-v-5a34101c]{padding:16px 0}@media(min-width:768px){.footer-copyright[data-v-5a34101c]{padding:20px 0}}.footer-copyright .copyright-content[data-v-5a34101c]{text-align:center}.footer-copyright .copyright-content p[data-v-5a34101c]{color:#bdc3c7;font-size:14px;line-height:1.6;margin:4px 0}@media(max-width:768px){.footer-copyright .copyright-content p[data-v-5a34101c]{font-size:12px}}.footer-copyright .copyright-content .mobile-notice[data-v-5a34101c]{font-size:13px;color:hsla(204,8%,76%,.8);margin-top:8px}@media(min-width:769px){.footer-copyright .copyright-content .mobile-notice[data-v-5a34101c]{display:none}}@media(hover:none)and (pointer:coarse){.link-item[data-v-5a34101c]:hover{color:#fff}.link-item[data-v-5a34101c]:hover:after{transform:scaleX(0)}.link-item[data-v-5a34101c]:active{color:#42b883}}@media print{.app-footer[data-v-5a34101c]{display:none}}*{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}}