.header[data-v-4290a01b]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#0f0f12d9;height:80px;position:fixed;top:0;left:0;right:0}.header-container[data-v-4290a01b]{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.logo[data-v-4290a01b]{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:700;display:flex}.logo-icon[data-v-4290a01b]{color:var(--primary-color);font-size:var(--text-2xl)}.logo-text[data-v-4290a01b]{background:linear-gradient(135deg, var(--primary-color), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav[data-v-4290a01b]{gap:var(--space-8);display:flex}.nav-link[data-v-4290a01b]{font-size:var(--text-base);color:var(--text-secondary);transition:color var(--transition-fast);position:relative}.nav-link[data-v-4290a01b]:hover,.nav-link.router-link-active[data-v-4290a01b]{color:var(--text-primary)}.nav-link[data-v-4290a01b]:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width var(--transition-base) var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-link[data-v-4290a01b]:hover:after,.nav-link.router-link-active[data-v-4290a01b]:after{width:100%}.header-actions[data-v-4290a01b]{align-items:center;gap:var(--space-4);display:flex}.search-box[data-v-4290a01b]{align-items:center;display:flex;position:relative}.search-input[data-v-4290a01b]{width:200px;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);padding-right:40px}.search-input[data-v-4290a01b]:focus{border-color:var(--primary-color);width:260px;box-shadow:0 0 0 3px #8b5cf61a}.search-input[data-v-4290a01b]::placeholder{color:var(--text-tertiary)}.search-btn[data-v-4290a01b]{color:var(--text-tertiary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.search-btn[data-v-4290a01b]:hover{color:var(--primary-color)}.search-results[data-v-4290a01b]{margin-top:var(--space-2);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result-item[data-v-4290a01b]{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.search-result-item[data-v-4290a01b]:hover{background:var(--card-hover);color:var(--text-primary)}.admin-link[data-v-4290a01b]{width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.admin-link[data-v-4290a01b]:hover{background:var(--card-bg);color:var(--primary-color)}.mobile-menu-btn[data-v-4290a01b]{width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:none}@media (width<=768px){.nav[data-v-4290a01b]{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-4);opacity:0;pointer-events:none;transition:all var(--transition-base) var(--ease-out);z-index:99;flex-direction:column;gap:0;position:fixed;top:80px;left:0;right:0;transform:translateY(-100%)}.nav.nav-open[data-v-4290a01b]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link[data-v-4290a01b]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.nav-link[data-v-4290a01b]:after{display:none}.nav-link[data-v-4290a01b]:hover,.nav-link.router-link-active[data-v-4290a01b]{background:var(--card-bg)}.search-box[data-v-4290a01b],.admin-link[data-v-4290a01b]{display:none}.mobile-menu-btn[data-v-4290a01b]{display:flex}}.footer[data-v-4a67c7a7]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-12) 0 var(--space-6);margin-top:auto}.footer-container[data-v-4a67c7a7]{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.footer-content[data-v-4a67c7a7]{gap:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 2fr;display:grid}.footer-brand[data-v-4a67c7a7]{max-width:280px}.footer-logo[data-v-4a67c7a7]{align-items:center;gap:var(--space-2);font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:700;display:flex}.logo-icon[data-v-4a67c7a7]{color:var(--primary-color);font-size:var(--text-2xl)}.logo-text[data-v-4a67c7a7]{background:linear-gradient(135deg, var(--primary-color), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-desc[data-v-4a67c7a7]{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.8}.footer-links[data-v-4a67c7a7]{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.footer-section h4[data-v-4a67c7a7]{font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:600}.footer-section a[data-v-4a67c7a7]{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-2);transition:color var(--transition-fast);display:block}.footer-section a[data-v-4a67c7a7]:hover{color:var(--primary-color)}.footer-bottom p[data-v-4a67c7a7]{color:var(--text-tertiary);font-size:var(--text-sm)}.footer-social[data-v-4a67c7a7]{gap:var(--space-4);display:flex}.social-link[data-v-4a67c7a7]{color:var(--text-tertiary);font-size:var(--text-sm);transition:color var(--transition-fast)}.social-link[data-v-4a67c7a7]:hover{color:var(--primary-color)}.link-image[data-v-4a67c7a7]{width:100px;height:auto}.icp-footer[data-v-4a67c7a7]{text-align:center;color:#666;width:100%;margin-top:20px;padding:15px 0;font-size:12px}.icp-footer a[data-v-4a67c7a7]{color:#666;text-decoration:none}.icp-footer a[data-v-4a67c7a7]:hover{text-decoration:underline}@media (width<=768px){.footer-content[data-v-4a67c7a7]{gap:var(--space-8);grid-template-columns:1fr}.footer-links[data-v-4a67c7a7]{grid-template-columns:repeat(2,1fr)}.footer-bottom[data-v-4a67c7a7]{gap:var(--space-4);text-align:center;flex-direction:column}}.sidebar[data-v-21d69ccf]{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header[data-v-21d69ccf]{padding:var(--space-5);border-bottom:1px solid var(--border-color)}.sidebar-close[data-v-21d69ccf]{display:none}.sidebar-logo[data-v-21d69ccf]{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;display:flex}.logo-icon[data-v-21d69ccf]{color:var(--primary-color);font-size:var(--text-xl)}.logo-text[data-v-21d69ccf]{color:var(--text-primary)}.sidebar-nav[data-v-21d69ccf]{padding:var(--space-4);flex:1;overflow-y:auto}.nav-item[data-v-21d69ccf]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-1);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.nav-item[data-v-21d69ccf]:hover{background:var(--card-bg);color:var(--text-primary)}.nav-item.active[data-v-21d69ccf]{color:var(--primary-color);background:#8b5cf626}.nav-icon[data-v-21d69ccf]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-text[data-v-21d69ccf]{flex:1}.sidebar-footer[data-v-21d69ccf]{padding:var(--space-4);border-top:1px solid var(--border-color)}.logout-btn[data-v-21d69ccf]{color:var(--text-tertiary)}.logout-btn[data-v-21d69ccf]:hover{color:var(--error);background:#f43f5e1a}@media (width<=1024px){.sidebar[data-v-21d69ccf]{height:100vh;transition:transform var(--transition-base) var(--ease-out);z-index:999;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open[data-v-21d69ccf]{transform:translate(0)}.sidebar-header[data-v-21d69ccf]{padding-left:60px;position:relative}.sidebar-close[data-v-21d69ccf]{left:var(--space-4);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}}.app[data-v-b83abc5b]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-b83abc5b]{padding-top:80px;padding-bottom:var(--space-16);flex:1}.admin-layout[data-v-b83abc5b]{min-height:100vh;display:flex}.admin-main[data-v-b83abc5b]{padding:var(--space-6);background:var(--bg-primary);flex:1;min-height:100vh;margin-left:240px}@media (width<=1024px){.admin-main[data-v-b83abc5b]{padding:var(--space-4);margin-left:0;padding-top:70px}.mobile-menu-toggle[data-v-b83abc5b]{top:var(--space-4);left:var(--space-4);z-index:1001;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed}.sidebar-overlay[data-v-b83abc5b]{z-index:998;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.show[data-v-b83abc5b]{display:block}}.article-card[data-v-8beff995]{cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.article-card[data-v-8beff995]:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-cyan));opacity:0;height:3px;transition:opacity var(--transition-base) var(--ease-out);position:absolute;top:0;left:0;right:0}.article-card[data-v-8beff995]:hover:before{opacity:1}.card-cover[data-v-8beff995]{width:100%;padding-top:52.36%;position:relative;overflow:hidden}.card-cover[data-v-8beff995]:after{content:"";opacity:0;transition:opacity var(--transition-base) var(--ease-out);background:linear-gradient(#0000 50%,#0000004d 100%);position:absolute;inset:0}.article-card:hover .card-cover[data-v-8beff995]:after{opacity:1}.card-cover img[data-v-8beff995]{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow) var(--ease-out);position:absolute;top:0;left:0}.article-card:hover .card-cover img[data-v-8beff995]{transform:scale(1.05)}.card-body[data-v-8beff995]{padding:var(--space-5);flex-flow:column wrap;flex:1;display:flex;overflow:hidden}.card-meta[data-v-8beff995]{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);order:1;display:flex}.title-wrapper[data-v-8beff995]{text-align:center;height:2.8em;margin-bottom:var(--space-2);order:2;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-category[data-v-8beff995]{padding:var(--space-1) var(--space-2);color:var(--primary-color);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#8b5cf626;font-weight:500}.card-category[data-v-8beff995]:hover{background:#8b5cf640}.card-date[data-v-8beff995]{color:var(--text-tertiary);font-size:var(--text-xs)}.card-title[data-v-8beff995]{font-size:var(--text-lg);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-tags[data-v-8beff995]{gap:var(--space-2);margin:var(--space-1) 0;flex-wrap:wrap;order:3;height:1.5em;display:flex;overflow:hidden}.card-tags .tag[data-v-8beff995]{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.card-summary[data-v-8beff995]{color:var(--text-secondary);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;order:4;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer[data-v-8beff995]{margin-top:var(--space-1);border-top:1px solid var(--border-color);order:5;justify-content:space-between;align-items:center;display:flex}.card-stats[data-v-8beff995]{gap:var(--space-4);display:flex}.stat[data-v-8beff995]{align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);display:flex}@media (width<=640px){.card-body[data-v-8beff995]{padding:var(--space-4)}.title-wrapper[data-v-8beff995]{height:2.2em;margin-bottom:var(--space-2);text-align:center;justify-content:center}.card-title[data-v-8beff995]{font-size:var(--text-base);line-height:1.1}.card-tags[data-v-8beff995]{margin-top:var(--space-3);order:3;height:1.5em;margin-bottom:0;overflow:hidden}.card-summary[data-v-8beff995]{display:none}.card-footer[data-v-8beff995]{margin-top:var(--space-3);padding-top:var(--space-3)}}.sidebar[data-v-195ea034]{gap:var(--space-6);flex-direction:column;display:flex}.sidebar-section[data-v-195ea034]{padding:var(--space-5)}.profile-card[data-v-195ea034]{text-align:center}.profile-avatar[data-v-195ea034]{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:var(--radius-full);border:3px solid var(--border-color);overflow:hidden}.profile-avatar img[data-v-195ea034]{object-fit:cover;width:100%;height:100%}.profile-name[data-v-195ea034]{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.profile-bio[data-v-195ea034]{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.profile-social[data-v-195ea034]{justify-content:center;gap:var(--space-4);display:flex}.social-link[data-v-195ea034]{background:var(--bg-secondary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-link[data-v-195ea034]:hover{background:var(--primary-color);color:#fff}.section-title[data-v-195ea034]{color:#87ceeb;font-size:var(--text-base);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);font-weight:600}.popular-list[data-v-195ea034]{gap:var(--space-3);flex-direction:column;display:flex}.popular-item[data-v-195ea034]{gap:var(--space-1);padding:var(--space-2) 0;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.popular-item:hover .popular-title[data-v-195ea034]{color:var(--primary-color)}.popular-title[data-v-195ea034]{font-size:var(--text-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.popular-views[data-v-195ea034]{font-size:var(--text-xs);color:var(--text-tertiary)}.category-list[data-v-195ea034]{gap:var(--space-2);flex-direction:column;display:flex}.category-item[data-v-195ea034]{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.category-item[data-v-195ea034]:hover{background:var(--card-hover)}.category-name[data-v-195ea034]{font-size:var(--text-sm);color:var(--text-primary)}.category-count[data-v-195ea034]{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.tag-cloud[data-v-195ea034]{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-cloud-item[data-v-195ea034]{padding:var(--space-1) var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-xs);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tag-cloud-item[data-v-195ea034]:hover{background:var(--primary-color);color:#fff}.home[data-v-54ccf584]{padding:var(--space-8) 0}.hero-section[data-v-54ccf584]{padding:var(--space-16) 0;margin-bottom:var(--space-10);position:relative;overflow:hidden}.hero-bg[data-v-54ccf584]{z-index:0;position:absolute;inset:0}.hero-gradient[data-v-54ccf584]{background:radial-gradient(at 20%,#8b5cf626 0%,#0000 50%),radial-gradient(at 80% 20%,#22d3ee1a 0%,#0000 40%),radial-gradient(at 60% 80%,#8b5cf614 0%,#0000 40%);position:absolute;inset:0}.hero-particles[data-v-54ccf584]{background-image:radial-gradient(circle at 20% 30%,#8b5cf64d 0%,#0000 1%),radial-gradient(circle at 80% 70%,#22d3ee33 0%,#0000 1%),radial-gradient(circle at 40% 80%,#8b5cf633 0%,#0000 1%),radial-gradient(circle at 70% 20%,#22d3ee26 0%,#0000 1%);background-size:60px 60px,80px 80px,100px 100px,70px 70px;animation:20s ease-in-out infinite float-54ccf584;position:absolute;inset:0}@keyframes float-54ccf584{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.hero-content[data-v-54ccf584]{z-index:1;text-align:center;max-width:800px;padding:0 var(--space-6);margin:0 auto;position:relative}.hero-title[data-v-54ccf584]{font-size:var(--text-4xl);margin-bottom:var(--space-6);font-weight:800;line-height:1.2}.title-line[data-v-54ccf584]{color:#9acd32;display:block}.title-line.highlight[data-v-54ccf584]{background:linear-gradient(135deg, var(--primary-color), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc[data-v-54ccf584]{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.hero-stats[data-v-54ccf584]{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.stat-item[data-v-54ccf584]{flex-direction:column;align-items:center;display:flex}.stat-number[data-v-54ccf584]{font-size:var(--text-3xl);color:var(--primary-color);margin-bottom:var(--space-1);font-weight:700}.stat-label[data-v-54ccf584]{font-size:var(--text-sm);color:var(--text-tertiary)}.stat-divider[data-v-54ccf584]{background:linear-gradient(to bottom, transparent, var(--border-color), transparent);width:1px;height:40px}.home-layout[data-v-54ccf584]{gap:var(--space-8);grid-template-columns:1fr 320px;display:grid}.main-area[data-v-54ccf584]{min-width:0}.featured-section[data-v-54ccf584]{margin-bottom:var(--space-10)}.featured-carousel[data-v-54ccf584]{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.featured-card[data-v-54ccf584]{border-radius:var(--radius-xl);aspect-ratio:16/10;box-shadow:var(--shadow-lg);transition:all var(--transition-base) var(--ease-out);position:relative;overflow:hidden}.featured-card[data-v-54ccf584]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf633}.featured-link[data-v-54ccf584]{width:100%;height:100%;display:block}.featured-cover[data-v-54ccf584]{width:100%;height:100%;position:absolute;top:0;left:0}.featured-cover img[data-v-54ccf584]{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow) var(--ease-out)}.featured-card:hover .featured-cover img[data-v-54ccf584]{transform:scale(1.08)}.featured-overlay[data-v-54ccf584]{background:linear-gradient(#0000 0%,#0000004d 40%,#000000e6 100%);position:absolute;inset:0}.featured-content[data-v-54ccf584]{padding:var(--space-4);position:absolute;bottom:0;left:0;right:0}.featured-badge[data-v-54ccf584]{padding:var(--space-1) var(--space-2);background:var(--primary-color);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-weight:500;display:inline-block}.featured-title[data-v-54ccf584]{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.featured-summary[data-v-54ccf584]{font-size:var(--text-xs);color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-header[data-v-54ccf584]{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-title[data-v-54ccf584]{color:#87ceeb;font-size:var(--text-2xl);padding-left:var(--space-4);font-weight:700;position:relative}.section-title[data-v-54ccf584]:before{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--accent-cyan));border-radius:var(--radius-full);width:4px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.articles-grid[data-v-54ccf584],.loading-grid[data-v-54ccf584]{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.skeleton-card[data-v-54ccf584]{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden}.skeleton-cover[data-v-54ccf584]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--card-hover) 50%, var(--bg-secondary) 75%);background-size:200% 100%;height:160px;animation:1.5s infinite shimmer-54ccf584}.skeleton-body[data-v-54ccf584]{padding:var(--space-5)}.skeleton-line[data-v-54ccf584]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--card-hover) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-3);background-size:200% 100%;animation:1.5s infinite shimmer-54ccf584}.skeleton-title[data-v-54ccf584]{width:80%;height:20px}.skeleton-short[data-v-54ccf584]{width:50%}@keyframes shimmer-54ccf584{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination[data-v-54ccf584]{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-10);display:flex}.page-info[data-v-54ccf584]{color:var(--text-secondary);font-size:var(--text-sm)}@media (width<=1024px){.home-layout[data-v-54ccf584]{grid-template-columns:1fr}.home-sidebar[data-v-54ccf584]{display:none}.featured-carousel[data-v-54ccf584],.articles-grid[data-v-54ccf584],.loading-grid[data-v-54ccf584]{grid-template-columns:repeat(2,1fr)}.hero-title[data-v-54ccf584]{font-size:var(--text-3xl)}.hero-stats[data-v-54ccf584]{gap:var(--space-6)}.stat-number[data-v-54ccf584]{font-size:var(--text-2xl)}}@media (width<=640px){.featured-carousel[data-v-54ccf584],.articles-grid[data-v-54ccf584],.loading-grid[data-v-54ccf584]{grid-template-columns:1fr}.hero-section[data-v-54ccf584]{padding:var(--space-10) 0}.hero-title[data-v-54ccf584]{font-size:var(--text-2xl)}.hero-desc[data-v-54ccf584]{font-size:var(--text-base)}.hero-stats[data-v-54ccf584]{gap:var(--space-4);flex-direction:column}.stat-divider[data-v-54ccf584]{width:40px;height:1px}}:root{--bg-primary:#0f0f12;--bg-secondary:#1a1a1f;--card-bg:#232329;--card-hover:#2a2a32;--primary-color:#8b5cf6;--primary-hover:#a78bfa;--accent-cyan:#22d3ee;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-color:#27272a;--success:#10b981;--warning:#f59e0b;--error:#f43f5e;--font-primary:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 0 0 1px #ffffff0d;--shadow-lg:0 8px 30px #00000080, 0 0 0 1px #ffffff14;--shadow-glow:0 0 20px #8b5cf64d;--shadow-glow-cyan:0 0 20px #22d3ee4d;--transition-fast:.15s;--transition-base:.25s;--transition-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-color)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-base) var(--ease-out);font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--card-bg);border-color:var(--text-tertiary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--card-bg)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8b5cf626}.input::placeholder{color:var(--text-tertiary)}.tag{padding:var(--space-1) var(--space-3);color:var(--primary-color);border-radius:var(--radius-sm);font-size:var(--text-xs);transition:all var(--transition-fast);background:#8b5cf626;align-items:center;font-weight:500;display:inline-flex}.tag:hover{background:#8b5cf640}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base) var(--ease-out)}.card:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);border-color:#8b5cf64d;transform:translateY(-4px)}.card-static{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.page-enter-active,.page-leave-active{transition:all .3s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.fade-enter-active,.fade-leave-active{transition:opacity .25s var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=640px){.container{padding:0 var(--space-4)}:root{--text-3xl:26px;--text-4xl:30px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#0f0f12;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}