.app-header[data-v-6edba4ce]{z-index:1000;padding:20px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.app-header.scrolled[data-v-6edba4ce]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:rgba(255,255,255,.92);padding:12px 0;box-shadow:0 1px 8px rgba(0,0,0,.04)}.header-inner[data-v-6edba4ce]{justify-content:space-between;align-items:center;display:flex}.logo[data-v-6edba4ce]{align-items:center;gap:10px;display:flex}.logo-icon[data-v-6edba4ce]{object-fit:contain;width:40px;height:40px}.logo-text[data-v-6edba4ce]{color:var(--text);letter-spacing:-.5px;font-size:20px;font-weight:700}.logo-dot[data-v-6edba4ce]{color:var(--primary)}.nav-links[data-v-6edba4ce]{gap:4px;display:flex}.nav-links a[data-v-6edba4ce]{color:var(--text-secondary);transition:var(--transition);border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500}.nav-links a[data-v-6edba4ce]:hover{color:var(--primary);background:var(--blue-50)}.nav-links a.router-link-exact-active[data-v-6edba4ce]{color:var(--primary);background:var(--blue-50);font-weight:600}.menu-btn[data-v-6edba4ce]{width:40px;height:40px;color:var(--text);display:none}.menu-btn svg[data-v-6edba4ce]{width:24px;height:24px}@media (max-width:768px){.menu-btn[data-v-6edba4ce]{justify-content:center;align-items:center;display:flex}.nav-links[data-v-6edba4ce]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);background:rgba(255,255,255,.98);flex-direction:column;gap:4px;width:280px;height:100vh;padding:80px 32px 32px;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%;box-shadow:-4px 0 24px rgba(0,0,0,.08)}.nav-links.open[data-v-6edba4ce]{right:0}.nav-links a[data-v-6edba4ce]{width:100%;padding:14px 20px;font-size:16px}.menu-open .menu-btn[data-v-6edba4ce]{z-index:1001;position:fixed;top:20px;right:24px}}.app-footer[data-v-64b2f5bd]{background:var(--bg-alt);border-top:1px solid var(--border);margin-top:auto;position:relative}.footer-main[data-v-64b2f5bd]{padding:64px 24px 32px}.footer-grid[data-v-64b2f5bd]{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;margin-bottom:48px;display:grid}.footer-logo[data-v-64b2f5bd]{color:var(--text);align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.footer-logo svg[data-v-64b2f5bd]{width:36px;height:36px}.footer-desc[data-v-64b2f5bd]{color:var(--text-secondary);max-width:280px;font-size:14px;line-height:1.8}.footer-col h4[data-v-64b2f5bd]{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600}.footer-col ul[data-v-64b2f5bd]{list-style:none}.footer-col li[data-v-64b2f5bd]{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.footer-col li a[data-v-64b2f5bd]{color:var(--text-secondary);transition:var(--transition)}.footer-col li a[data-v-64b2f5bd]:hover{color:var(--primary)}.fi[data-v-64b2f5bd]{opacity:.5;flex-shrink:0;width:14px;height:14px}.footer-bottom[data-v-64b2f5bd]{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:24px;display:flex}.footer-bottom p[data-v-64b2f5bd]{color:var(--text-muted);font-size:13px}@media (max-width:768px){.footer-grid[data-v-64b2f5bd]{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.footer-grid[data-v-64b2f5bd]{grid-template-columns:1fr;gap:24px}.footer-bottom[data-v-64b2f5bd]{text-align:center;flex-direction:column}}#app-root{flex-direction:column;min-height:100vh;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#93c5fd;--accent:#06b6d4;--accent-dark:#0891b2;--bg:#f8fafc;--bg-alt:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--surface:#e2e8f0;--border:rgba(0,0,0,.06);--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--gradient-primary:linear-gradient(135deg,#2563eb,#06b6d4);--gradient-card:#fff;--shadow-card:0 1px 3px rgba(0,0,0,.04),0 4px 24px rgba(0,0,0,.06);--shadow-hover:0 8px 32px rgba(37,99,235,.12);--radius:16px;--radius-sm:10px;--font-main:"Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--transition:.35s cubic-bezier(.4,0,.2,1);--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-500:#06b6d4;--cyan-600:#0891b2;--violet-50:#f5f3ff;--violet-500:#8b5cf6;--violet-600:#7c3aed;--amber-50:#fffbeb;--amber-500:#f59e0b;--emerald-50:#ecfdf5;--emerald-500:#10b981;--pink-50:#fdf2f8;--pink-500:#ec4899;--indigo-50:#eef2ff;--indigo-500:#6366f1;--teal-50:#f0fdfa;--teal-500:#14b8a6;--orange-50:#fff7ed;--orange-500:#f97316}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--primary);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:100px;margin-bottom:12px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title{color:var(--text);margin-bottom:16px;font-size:max(28px,min(4vw,42px));font-weight:700;line-height:1.2}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:17px}.btn{border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.35)}.btn-outline{border:1px solid var(--border);color:var(--text);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--blue-50)}.grid-2{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);padding:32px;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-hover);border-color:rgba(37,99,235,.15);transform:translateY(-6px)}.card:hover:before{opacity:1}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.page-enter-active,.page-leave-active{transition:opacity .4s,transform .4s}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text}