.nav-inner[data-v-61a31f15]{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo[data-v-61a31f15]{flex-shrink:0}.logo-link[data-v-61a31f15]{display:flex;align-items:center}.logo-img[data-v-61a31f15]{width:56px;height:56px;object-fit:contain}.logo-text[data-v-61a31f15]{margin-left:8px;font-size:1.25rem;font-weight:700;color:var(--dark)}.nav-links[data-v-61a31f15]{display:none;gap:32px}@media(min-width:768px){.nav-links[data-v-61a31f15]{display:flex}}.nav-link[data-v-61a31f15]{color:var(--dark-light);font-weight:500;transition:var(--transition)}.nav-link[data-v-61a31f15]:hover,.nav-link.router-link-active[data-v-61a31f15],.upgrade-link[data-v-61a31f15]{color:var(--primary)}.upgrade-link[data-v-61a31f15]:hover{color:var(--primary-hover)}.nav-actions[data-v-61a31f15]{display:none}@media(min-width:768px){.nav-actions[data-v-61a31f15]{display:flex;gap:16px;align-items:center}}.mobile-toggle[data-v-61a31f15]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.5rem;color:var(--dark);background:none}@media(min-width:768px){.mobile-toggle[data-v-61a31f15]{display:none}}.mobile-menu-inner[data-v-61a31f15]{padding:24px;display:flex;flex-direction:column;gap:12px}.mobile-link[data-v-61a31f15]{display:block;padding:12px 0;color:var(--dark-light);font-weight:500;border-bottom:1px solid var(--light-dark);transition:var(--transition)}.mobile-link[data-v-61a31f15]:hover,.mobile-link.router-link-active[data-v-61a31f15],.mobile-link.upgrade[data-v-61a31f15]{color:var(--primary)}.mobile-cta[data-v-61a31f15]{padding-top:16px}.footer-grid[data-v-f3aacbbd]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:64px}@media(max-width:1024px){.footer-grid[data-v-f3aacbbd]{grid-template-columns:1fr 1fr}}@media(max-width:640px){.footer-grid[data-v-f3aacbbd]{grid-template-columns:1fr;gap:32px}}.footer-logo[data-v-f3aacbbd]{display:flex;align-items:center;margin-bottom:24px}.footer-logo-img[data-v-f3aacbbd]{width:64px;height:auto;border-radius:var(--radius-md)}.footer-logo-text[data-v-f3aacbbd]{margin-left:8px;font-size:1.125rem;font-weight:700;color:#fff}.footer-desc[data-v-f3aacbbd]{color:#fff9;max-width:400px;line-height:1.7}.footer-links-title[data-v-f3aacbbd]{font-size:1rem;font-weight:600;color:#fff;margin-bottom:16px}.footer-links[data-v-f3aacbbd]{display:flex;flex-direction:column;gap:12px}#app-root[data-v-4ca83bd5]{min-height:100vh;display:flex;flex-direction:column}#app-root.admin-layout[data-v-4ca83bd5]{height:100vh;overflow:hidden}main[data-v-4ca83bd5]{flex:1}.dashboard-main[data-v-4ca83bd5]{height:100vh;overflow:hidden}.scroll-top-btn[data-v-4ca83bd5]{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#165dff,#4080ff);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #165dff59;cursor:pointer;z-index:40;font-size:1.125rem;transition:all .3s ease}.scroll-top-btn[data-v-4ca83bd5]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #165dff73}.scroll-top-btn[data-v-4ca83bd5]:focus-visible{outline:2px solid #fff;outline-offset:2px}.scroll-top-enter-active[data-v-4ca83bd5],.scroll-top-leave-active[data-v-4ca83bd5]{transition:all .3s ease}.scroll-top-enter-from[data-v-4ca83bd5],.scroll-top-leave-to[data-v-4ca83bd5]{opacity:0;transform:translateY(16px)}:root{--primary: #165DFF;--primary-light: #165DFF1A;--primary-hover: #1450E6;--secondary: #722ED1;--secondary-light: #722ED11A;--accent: #0FC6C2;--accent-light: #0FC6C21A;--dark: #1D2129;--dark-light: #4E5969;--light: #F2F3F5;--light-dark: #E5E6EB;--success: #00B42A;--warning: #FF7D00;--danger: #F53F3F;--yellow: #FADB14;--font-sans: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-light: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-blur: blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 10px 30px -5px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}@layer base{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--dark);background:linear-gradient(135deg,#f5f7fa,#e4e8ec,#f0f2f5);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}button{border:none;outline:none;cursor:pointer;font-family:inherit}}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.glass-light{background:var(--glass-bg-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.glass-card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);transition:var(--transition)}.navbar.scrolled{background:#ffffffeb;box-shadow:0 4px 30px #00000014;border-bottom-color:#0000000f}.nav-link{color:var(--dark-light);font-weight:500;transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:600;border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#165dff,#4080ff);color:#fff;box-shadow:0 4px 15px #165dff59;border:none}.btn-primary:hover{background:linear-gradient(135deg,#1450e6,#3070ee);box-shadow:0 6px 20px #165dff73;transform:translateY(-2px)}.btn-secondary{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dark);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000000d}.btn-secondary:hover{background:#ffffffe6;border-color:var(--primary);color:var(--primary)}.btn-secondary:hover i{color:var(--primary)}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-sm{padding:8px 16px;font-size:.875rem}.card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014;transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.section{padding:80px 0}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--dark);margin-bottom:16px;text-align:center}.section-desc{font-size:1.125rem;color:var(--dark-light);text-align:center;max-width:700px;margin:0 auto 48px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-secondary{background:var(--secondary-light);color:var(--secondary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.feature-card{padding:32px;border-radius:var(--radius-2xl);background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #00000014;transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.feature-card:hover .feature-icon.primary{background:linear-gradient(135deg,#165dff40,#165dff1a)}.feature-card:hover .feature-icon.secondary{background:linear-gradient(135deg,#722ed140,#722ed11a)}.feature-card:hover .feature-icon.accent{background:linear-gradient(135deg,#0fc6c240,#0fc6c21a)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon.primary{background:linear-gradient(135deg,#165dff26,#165dff0d);color:var(--primary)}.feature-icon.secondary{background:linear-gradient(135deg,#722ed126,#722ed10d);color:var(--secondary)}.feature-icon.accent{background:linear-gradient(135deg,#0fc6c226,#0fc6c20d);color:var(--accent)}.feature-card ul{display:flex;flex-direction:column;gap:10px}.feature-card li{display:flex;align-items:center;color:var(--dark-light);font-size:.9375rem}.feature-card li i{color:var(--success);margin-right:8px}.testimonial-card{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);padding:32px;box-shadow:0 8px 32px #00000014;transition:var(--transition)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.testimonial-card .quote{font-style:italic;color:var(--dark-light);line-height:1.7;margin-bottom:20px}.testimonial-card .author{display:flex;align-items:center;gap:12px}.testimonial-card .author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.testimonial-card .author-info .name{font-weight:600;color:var(--dark)}.testimonial-card .author-info .role{font-size:.875rem;color:var(--dark-light)}.faq-item{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000d;margin-bottom:16px;overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:600;color:var(--dark);transition:var(--transition)}.faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.faq-question:hover{color:var(--primary)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer>div>p{padding:0 24px 20px}.stat-card{padding:24px;border-radius:var(--radius-xl);text-align:center;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);transition:var(--transition)}.stat-card:hover{transform:scale(1.05)}.stat-card .number{font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-card .label{color:var(--dark-light)}.pricing-card{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);padding:40px 32px;box-shadow:0 8px 32px #00000014;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px)}.pricing-card .price{font-size:3rem;font-weight:800;color:var(--primary);margin:16px 0}.hero{padding-top:140px;padding-bottom:80px;background:linear-gradient(180deg,#f2f3f580,#ffffff4d)}@media(min-width:768px){.hero{padding-top:180px;padding-bottom:112px}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin:24px 0;color:var(--dark)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:clamp(1rem,2vw,1.25rem);color:var(--dark-light);margin-bottom:32px;max-width:540px}.hero-actions{display:flex;flex-direction:column;gap:8px;align-items:center}@media(min-width:768px){.hero-actions{flex-direction:row;align-items:flex-start}}.hero-note{font-size:.875rem;color:var(--dark-light);line-height:1.6}.carousel-wrapper{position:relative;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);box-shadow:0 12px 40px #0000001a;overflow:hidden}.carousel-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px}.carousel-btn{width:40px;height:40px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:var(--transition)}.carousel-btn:hover{background:#fff;transform:scale(1.1)}.carousel-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:var(--transition)}.dot.active{background:#fff;width:24px;border-radius:4px}.browser-mockup{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 50px #00000026}.browser-bar{background:var(--dark);padding:16px;display:flex;align-items:center;justify-content:space-between}.browser-dots{display:flex;gap:8px}.browser-dots span{width:12px;height:12px;border-radius:50%}.browser-title{color:#fff;font-size:.875rem}.browser-actions{display:flex;gap:12px;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}.pagination button{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;transition:var(--transition);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);color:var(--dark-light)}.pagination button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pagination button:hover{border-color:var(--primary);color:var(--primary)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.news-card{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 8px 32px #00000014;transition:var(--transition);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.news-card-image{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}.news-card:hover .news-card-image{transform:scale(1.05)}.news-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.news-card-tag{display:inline-flex;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;background:linear-gradient(135deg,#165dff26,#165dff0d);color:var(--primary);width:fit-content;margin-bottom:12px}.sidebar{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014;padding:24px;position:sticky;top:120px}.breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:.875rem;margin-bottom:24px}.article-content{font-size:1rem;line-height:1.8;color:var(--dark)}.article-content h2{font-size:1.5rem;font-weight:700;margin:32px 0 16px}.article-content p{margin-bottom:16px}.article-content img{border-radius:var(--radius-lg);margin:16px 0}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px}.loading-spinner i{font-size:2rem;color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#ffffffbf;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 8px 32px #00000014}.skeleton-image{width:100%;height:200px}.skeleton-text{height:16px;margin:12px 20px}.skeleton-text.short{width:60%}.skeleton-text.title{height:24px;width:80%;margin-bottom:8px}.skeleton-tag{width:80px;height:24px;border-radius:9999px;margin:16px 20px 0}.skeleton-meta{display:flex;gap:16px;margin:16px 20px 20px}.skeleton-meta span{height:14px;width:80px}.mobile-menu{position:fixed;top:80px;left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);z-index:49;box-shadow:0 8px 32px #0000001a;transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition)}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.footer{background:linear-gradient(135deg,#1a1f36,#0d1117);color:#fff;padding:64px 0 32px}.footer a{color:#fff9;transition:var(--transition)}.footer a:hover{color:#fff}.footer-border{border-top:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.deco-blob{position:absolute;border-radius:50%;filter:blur(48px);pointer-events:none;z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-dark-light{color:var(--dark-light)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mr-2{margin-right:8px}.ml-2{margin-left:8px}.ml-4{margin-left:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}
