#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;padding-bottom:60px;position:relative}.header{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo-link{text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-text{font-size:1.5rem;font-weight:700;color:#00dc82}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#2c3e50;text-decoration:none;font-weight:500;padding:.5rem;transition:color .3s ease}.nav-link:hover,.nav-link.router-link-active{color:#00dc82}.nav-auth{display:flex;gap:1rem}.nav-btn{padding:.5rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease}.login-btn{color:#00dc82;border:1px solid #00dc82}.login-btn:hover{background-color:#00dc821a}.register-btn{background-color:#00dc82;color:#fff}.register-btn:hover{background-color:#00b76c}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.menu-icon{display:block;width:24px;height:2px;background-color:#2c3e50;position:relative;transition:background-color .3s}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:24px;height:2px;background-color:#2c3e50;transition:transform .3s}.menu-icon:before{top:-6px}.menu-icon:after{bottom:-6px}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:1rem;box-shadow:0 2px 8px #0000001a;flex-direction:column;align-items:stretch}.nav-menu.is-open{display:flex}.nav-links,.nav-auth{flex-direction:column;gap:1rem}.nav-btn{text-align:center}}main{padding-top:70px}.footer{background-color:#f8f9fa;padding:2rem;text-align:center;position:fixed;bottom:0;left:0;right:0;width:100%}.footer-content{max-width:1200px;margin:0 auto}.footer-links{margin-bottom:1rem}.footer-links a{color:#2c3e50;text-decoration:none;margin:0 1rem}.footer-copyright{font-size:.8rem;color:#666}.beian-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.beian-link{color:#666;text-decoration:none;transition:color .3s ease;font-size:.9rem;line-height:1.5}.beian-link:hover{color:#333}.admin-layout[data-v-8b264108]{display:flex;min-height:100vh;background-color:#f5f7fa}.sidebar[data-v-8b264108]{width:240px;background-color:#2c3e50;color:#fff;padding:1rem;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:all .3s ease}.sidebar-collapsed .sidebar[data-v-8b264108]{width:64px}.logo[data-v-8b264108]{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.logo-img[data-v-8b264108]{width:32px;height:32px}.nav-menu[data-v-8b264108]{display:flex;flex-direction:column;gap:.5rem}.nav-item[data-v-8b264108]{padding:.75rem 1rem;color:#fff;text-decoration:none;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.nav-item[data-v-8b264108]:hover{background-color:#ffffff1a}.nav-item.active[data-v-8b264108]{background-color:#fff3}.main-content[data-v-8b264108]{flex:1;margin-left:240px;transition:all .3s ease}.sidebar-collapsed .main-content[data-v-8b264108]{margin-left:64px}.header[data-v-8b264108]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:999}.header-left[data-v-8b264108]{display:flex;align-items:center;gap:1rem}.menu-toggle[data-v-8b264108]{font-size:20px;cursor:pointer;color:#606266}.user-info[data-v-8b264108]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.username[data-v-8b264108]{color:#606266}.content[data-v-8b264108]{padding:2rem;min-height:calc(100vh - 60px)}.fade-enter-active[data-v-8b264108],.fade-leave-active[data-v-8b264108]{transition:opacity .3s ease}.fade-enter-from[data-v-8b264108],.fade-leave-to[data-v-8b264108]{opacity:0}@media (max-width: 768px){.sidebar[data-v-8b264108]{width:64px}.main-content[data-v-8b264108]{margin-left:64px}.logo h2[data-v-8b264108],.nav-item span[data-v-8b264108]{display:none}}.qr-modal[data-v-84a7eb29]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-container[data-v-84a7eb29]{background-color:#fff;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 4px 12px #00000026}.qr-header[data-v-84a7eb29]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.qr-header h3[data-v-84a7eb29]{margin:0;color:#2c3e50}.close-btn[data-v-84a7eb29]{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem}.qr-content[data-v-84a7eb29]{text-align:center}.qr-image-wrapper[data-v-84a7eb29]{width:100%;max-width:300px;margin:0 auto}.qr-image[data-v-84a7eb29]{width:100%;height:auto;object-fit:contain;margin-bottom:1rem}.qr-content p[data-v-84a7eb29]{color:#666;margin:0}.home-container[data-v-8160129e]{padding:0}.hero-section[data-v-8160129e]{background:linear-gradient(135deg,#00dc82 0%,#36e4da 100%);color:#fff;text-align:center;padding:6rem 2rem}.hero-section h1[data-v-8160129e]{font-size:3.5rem;margin-bottom:1rem}.subtitle[data-v-8160129e]{font-size:2rem;margin-bottom:1rem}.desc[data-v-8160129e]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons[data-v-8160129e]{display:flex;gap:1.5rem;justify-content:center}.primary-btn[data-v-8160129e],.secondary-btn[data-v-8160129e],.contact-btn[data-v-8160129e]{padding:1rem 2.5rem;border-radius:6px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.primary-btn[data-v-8160129e]{background-color:#fff;color:#00dc82;text-decoration:none}.secondary-btn[data-v-8160129e]{background:transparent;border:2px solid white;color:#fff}.platforms-section[data-v-8160129e]{padding:5rem 2rem;background:#f8f9fa}.platform-grid[data-v-8160129e]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.platform-card[data-v-8160129e]{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}.platform-card[data-v-8160129e]:hover{transform:translateY(-5px)}.platform-icon[data-v-8160129e]{font-size:2rem;margin-bottom:1rem;color:#00dc82}h2[data-v-8160129e]{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}.stats-section[data-v-8160129e]{background:white;padding:4rem 2rem}.stats-container[data-v-8160129e]{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto}.stat-item[data-v-8160129e]{text-align:center}.stat-number[data-v-8160129e]{font-size:3rem;font-weight:700;color:#00dc82}.stat-label[data-v-8160129e]{font-size:1.2rem;color:#666;margin-top:.5rem}.cta-section[data-v-8160129e]{background:#f8f9fa;padding:5rem 2rem;text-align:center}.features-section[data-v-8160129e]{padding:5rem 2rem;background:white}.feature-grid[data-v-8160129e]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:3rem auto 0}.feature-card[data-v-8160129e]{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;transition:transform .3s ease}.feature-card[data-v-8160129e]:hover{transform:translateY(-5px)}.feature-card .icon[data-v-8160129e]{font-size:2.5rem;margin-bottom:1rem}.feature-card h3[data-v-8160129e]{font-size:1.25rem;margin-bottom:.5rem;color:#2c3e50}.feature-card p[data-v-8160129e]{color:#666;line-height:1.5}@media (max-width: 1200px){.platform-grid[data-v-8160129e],.feature-grid[data-v-8160129e]{grid-template-columns:repeat(2,1fr);padding:0 1rem}}@media (max-width: 768px){.platform-grid[data-v-8160129e],.feature-grid[data-v-8160129e]{grid-template-columns:1fr}.hero-section h1[data-v-8160129e]{font-size:2.5rem}.subtitle[data-v-8160129e]{font-size:1.5rem}.stats-container[data-v-8160129e]{flex-direction:column;gap:2rem}.cta-buttons[data-v-8160129e]{flex-direction:column;align-items:center}}