.official-site[data-v-42afcc91]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-42afcc91]{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.navbar .nav-container[data-v-42afcc91]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar .nav-logo[data-v-42afcc91]{cursor:pointer;text-decoration:none;display:flex;align-items:center}.navbar .nav-logo .logo[data-v-42afcc91]{height:40px;width:auto}.navbar .nav-menu[data-v-42afcc91]{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:30px}.navbar .nav-link[data-v-42afcc91]{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.navbar .nav-link.router-link-active[data-v-42afcc91],.navbar .nav-link[data-v-42afcc91]:hover{color:#ff6b4a}.navbar .nav-link.login-btn[data-v-42afcc91]{background:#ff6b4a;color:#fff;padding:10px 20px;border-radius:25px;transition:all .3s ease}.navbar .nav-link.login-btn[data-v-42afcc91]:hover{background:#e55a41;color:#fff}.navbar .nav-link.system-btn[data-v-42afcc91]{background:#ff6b4a;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;transition:all .3s ease;margin-left:10px}.navbar .nav-link.system-btn[data-v-42afcc91]:hover{background:#e55a41;color:#fff}.navbar .user-menu .user-info[data-v-42afcc91]{display:flex;align-items:center}.navbar .user-menu .user-info .user-name[data-v-42afcc91]{color:#333;font-weight:600;margin-right:5px}.main-content[data-v-42afcc91]{flex:1}.footer[data-v-42afcc91]{background:#1a1a1a;color:#fff;padding:40px 0 20px}.footer .footer-container[data-v-42afcc91]{max-width:1200px;margin:0 auto;padding:0 20px}.footer .footer-content[data-v-42afcc91]{text-align:center;margin-bottom:30px}.footer .footer-section h3[data-v-42afcc91]{color:#ff6b4a;margin-bottom:15px;font-size:1.5rem}.footer .footer-section p[data-v-42afcc91]{color:#ccc;margin-bottom:10px;font-size:1rem}.footer .footer-bottom[data-v-42afcc91]{border-top:1px solid #333;padding-top:20px;text-align:center;color:#ccc}@media (max-width:768px){.nav-container[data-v-42afcc91]{flex-direction:column;height:auto;padding:15px 20px}.nav-menu[data-v-42afcc91]{margin-top:15px;gap:20px;flex-wrap:wrap;justify-content:center}.nav-menu .user-menu .user-info[data-v-42afcc91]{flex-direction:column;gap:8px}.nav-menu .user-menu .user-info .nav-link.system-btn[data-v-42afcc91]{margin-left:0}}