.navbar[data-v-44b8ee3c]{position:fixed;top:12px;left:16px;right:16px;z-index:1000;background:var(--bg-navbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--navbar-border);border-radius:16px;box-shadow:0 4px 24px var(--navbar-shadow);transition:all .3s ease}.navbar.scrolled[data-v-44b8ee3c]{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0000001f;border-color:var(--glass-border-strong)}.navbar-inner[data-v-44b8ee3c]{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}.navbar-spacer[data-v-44b8ee3c]{height:76px}.vip-expiry-banner[data-v-44b8ee3c]{position:fixed;top:70px;left:16px;right:16px;z-index:999;border-radius:12px;border:1px solid rgba(245,158,11,.35);background:#f59e0b1f;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px}.vip-expiry-actions[data-v-44b8ee3c]{display:flex;align-items:center;gap:4px}.navbar-brand[data-v-44b8ee3c]{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.navbar-brand[data-v-44b8ee3c]:hover{opacity:.8}.brand-text[data-v-44b8ee3c]{font-family:var(--font-code);font-size:17px;font-weight:700;color:var(--text-brand);letter-spacing:-.5px;white-space:nowrap}.navbar-center[data-v-44b8ee3c]{display:flex;align-items:center;gap:2px}.nav-link[data-v-44b8ee3c]{position:relative;display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--nav-link-color);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.nav-link[data-v-44b8ee3c]:hover{color:var(--color-primary);background:var(--nav-link-hover-bg)}.nav-link.active[data-v-44b8ee3c]{color:var(--color-primary);font-weight:600}.nav-link.active[data-v-44b8ee3c]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-primary);border-radius:1px}.navbar-right[data-v-44b8ee3c]{display:flex;align-items:center;gap:4px;flex-shrink:0}.icon-btn[data-v-44b8ee3c]{color:var(--nav-link-color);cursor:pointer;border-radius:10px;width:36px;height:36px;transition:all .2s ease}.icon-btn[data-v-44b8ee3c]:hover{color:var(--color-primary);background:var(--nav-link-hover-bg)}.user-btn[data-v-44b8ee3c]{font-size:14px;font-weight:500;cursor:pointer;border-radius:10px}.user-avatar[data-v-44b8ee3c]{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.desktop-only[data-v-44b8ee3c]{display:flex}.mobile-only[data-v-44b8ee3c]{display:none}@media (max-width: 768px){.desktop-only[data-v-44b8ee3c]{display:none!important}.mobile-only[data-v-44b8ee3c]{display:flex!important}.navbar[data-v-44b8ee3c]{top:8px;left:10px;right:10px;border-radius:14px}.navbar-inner[data-v-44b8ee3c]{padding:0 12px;height:48px}.navbar-spacer[data-v-44b8ee3c]{height:68px}.vip-expiry-banner[data-v-44b8ee3c]{top:60px;left:10px;right:10px;font-size:12px}.brand-text[data-v-44b8ee3c]{font-size:15px}.navbar-mobile-actions[data-v-44b8ee3c]{display:flex;align-items:center;gap:2px}.hamburger-btn[data-v-44b8ee3c]{cursor:pointer;color:var(--nav-link-color)}}@media (max-width: 375px){.navbar[data-v-44b8ee3c]{top:6px;left:8px;right:8px;border-radius:12px}.navbar-inner[data-v-44b8ee3c]{padding:0 10px;height:46px}.navbar-spacer[data-v-44b8ee3c]{height:64px}.vip-expiry-banner[data-v-44b8ee3c]{top:56px;left:8px;right:8px}.brand-text[data-v-44b8ee3c]{font-size:14px}}.drawer-nav[data-v-44b8ee3c]{display:flex;flex-direction:column;gap:2px;padding:4px 0}.drawer-link[data-v-44b8ee3c]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-size:15px;color:var(--text-body);cursor:pointer;transition:all .2s ease;text-decoration:none}.drawer-link[data-v-44b8ee3c]:hover,.drawer-link[data-v-44b8ee3c]:active{background:var(--nav-link-hover-bg);color:var(--color-primary)}.drawer-link.active[data-v-44b8ee3c]{color:var(--color-primary);font-weight:600;background:var(--nav-link-active-bg)}.drawer-link.logout[data-v-44b8ee3c]{color:var(--color-error)}.drawer-link.logout[data-v-44b8ee3c]:hover{background:#ef444414;color:var(--color-error)}.drawer-divider[data-v-44b8ee3c]{height:1px;background:var(--glass-border);margin:8px 16px}.drawer-user-info[data-v-44b8ee3c]{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-brand)}.user-avatar-drawer[data-v-44b8ee3c]{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.drawer-auth-actions[data-v-44b8ee3c]{display:flex;flex-direction:column;gap:8px;padding:8px 16px}.search-modal-body[data-v-44b8ee3c]{display:grid;gap:12px}.search-hints[data-v-44b8ee3c]{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:12px}.suggestion-list[data-v-44b8ee3c]{display:grid;gap:6px}.suggestion-item[data-v-44b8ee3c]{display:flex;align-items:center;gap:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-body);border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left}.suggestion-item[data-v-44b8ee3c]:hover{color:var(--color-primary);border-color:var(--color-primary)}.hot-list[data-v-44b8ee3c]{display:flex;gap:8px;flex-wrap:wrap}.hot-label[data-v-44b8ee3c]{color:var(--text-tertiary);font-size:12px;margin-right:2px}.hot-item[data-v-44b8ee3c]{cursor:pointer}@media (max-width: 768px){[data-v-44b8ee3c] .search-modal .n-card{width:calc(100vw - 20px)!important;margin:0;border-radius:14px}}.site-footer[data-v-4172ab8f]{max-width:1120px;margin:0 auto;padding:40px 24px 24px}.footer-inner[data-v-4172ab8f]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--footer-divider, rgba(30, 41, 59, .1))}.footer-left[data-v-4172ab8f]{display:flex;align-items:center;gap:8px;font-size:13px}.footer-brand[data-v-4172ab8f]{font-weight:700;color:var(--text-primary, #1E293B);font-size:14px}.footer-sep[data-v-4172ab8f]{color:var(--text-muted, #94A3B8)}.footer-tagline[data-v-4172ab8f]{color:var(--text-muted, #94A3B8);font-size:13px}.footer-nav[data-v-4172ab8f]{display:flex;gap:16px;font-size:13px}.footer-nav a[data-v-4172ab8f]{color:var(--text-body, #475569);cursor:pointer;text-decoration:none;transition:color .15s ease}.footer-nav a[data-v-4172ab8f]:hover{color:var(--color-cta, #22C55E)}.footer-bottom[data-v-4172ab8f]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--footer-divider, rgba(30, 41, 59, .1));font-size:12px;color:var(--text-muted, #94A3B8)}.footer-contact[data-v-4172ab8f]{display:flex;align-items:center;gap:8px}.footer-copy[data-v-4172ab8f]{border:none;background:none;padding:0;font-size:12px;color:var(--color-cta, #22C55E);cursor:pointer;font-weight:600}.footer-copy[data-v-4172ab8f]:hover{text-decoration:underline}.footer-legal[data-v-4172ab8f]{display:flex;gap:12px}.footer-legal a[data-v-4172ab8f]{color:var(--text-muted, #94A3B8);cursor:pointer;text-decoration:none;transition:color .15s ease}.footer-legal a[data-v-4172ab8f]:hover{color:var(--text-body, #475569)}@media (max-width: 768px){.site-footer[data-v-4172ab8f]{padding:32px 16px 20px}.footer-inner[data-v-4172ab8f],.footer-bottom[data-v-4172ab8f]{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 375px){.site-footer[data-v-4172ab8f]{padding:24px 12px 16px}}:root{--color-primary: #22C55E;--color-primary-hover: #16A34A;--color-primary-pressed: #15803D;--color-primary-suppl: #22C55E;--color-primary-light: #4ADE80;--color-secondary: #7C3AED;--color-secondary-hover: #8B5CF6;--color-accent: #6366F1;--color-success: #22C55E;--color-success-light: #4ADE80;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-error: #EF4444;--color-error-light: #F87171;--color-info: #3B82F6;--color-info-light: #60A5FA;--color-cta: #22C55E;--bg-page: #F8FAFC;--bg-page-alt: #F1F5F9;--bg-elevated: #FFFFFF;--text-primary: #1E293B;--text-secondary: #64748B;--text-body: #475569;--text-brand: #0F172A;--text-muted: #94A3B8;--text-on-primary: #FFFFFF;--bg-navbar: rgba(255, 255, 255, .85);--bg-mobile-menu: rgba(255, 255, 255, .96);--navbar-border: rgba(30, 41, 59, .08);--navbar-shadow: rgba(0, 0, 0, .05);--nav-link-color: #64748B;--nav-link-hover-bg: rgba(34, 197, 94, .06);--nav-link-active-bg: rgba(34, 197, 94, .1);--mobile-link-color: #334155;--mobile-divider: rgba(30, 41, 59, .08);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-border: rgba(30, 41, 59, .1);--glass-border-strong: rgba(30, 41, 59, .15);--glass-shadow: rgba(0, 0, 0, .05);--glass-shadow-hover: rgba(34, 197, 94, .12);--glass-blur: 12px;--hero-gradient: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);--hero-text: #F8FAFC;--hero-text-muted: rgba(248, 250, 252, .75);--hero-text-faint: rgba(248, 250, 252, .5);--hero-text-secondary: rgba(248, 250, 252, .7);--hero-text-placeholder: rgba(248, 250, 252, .4);--hero-input-bg: rgba(255, 255, 255, .1);--hero-input-border: rgba(255, 255, 255, .15);--hero-input-focus-bg: rgba(255, 255, 255, .15);--hero-badge-bg: rgba(34, 197, 94, .12);--hero-badge-border: rgba(34, 197, 94, .2);--hero-shape-primary: rgba(34, 197, 94, .06);--hero-shape-secondary: rgba(99, 102, 241, .05);--hero-shape-tertiary: rgba(124, 58, 237, .05);--hero-search-bg: rgba(30, 41, 59, .8);--color-accent-alpha-10: rgba(99, 102, 241, .1);--biz-gradient-green: linear-gradient(135deg, #22C55E, #16A34A);--biz-gradient-purple: linear-gradient(135deg, #7C3AED, #6366F1);--biz-gradient-blue: linear-gradient(135deg, #3B82F6, #2563EB);--content-hero-bg: linear-gradient(135deg, #F0FDF4 0%, #EFF6FF 50%, #F8FAFC 100%);--content-hero-text: #1E293B;--content-hero-text-secondary: #64748B;--content-hero-search-bg: rgba(255, 255, 255, .85);--content-hero-search-border: rgba(30, 41, 59, .12);--content-hero-search-text: #1E293B;--content-hero-search-placeholder: #94A3B8;--blog-hero-badge-bg: rgba(34, 197, 94, .08);--blog-hero-badge-border: rgba(34, 197, 94, .18);--tpl-hero-badge-bg: rgba(124, 58, 237, .08);--tpl-hero-badge-border: rgba(124, 58, 237, .18);--tpl-hero-badge-text: #7C3AED;--tpl-hero-stats-text: #64748B;--tpl-hero-stats-strong: #1E293B;--footer-bg: #F8FAFC;--footer-text: #1E293B;--footer-text-muted: #64748B;--footer-text-faint: #94A3B8;--footer-divider: rgba(30, 41, 59, .1);--banner-bg: rgba(255, 255, 255, .7);--banner-border: rgba(30, 41, 59, .08);--box-bg: rgba(255, 255, 255, .7);--form-bg: #FFFFFF;--form-shadow: rgba(0, 0, 0, .08);--form-border: rgba(30, 41, 59, .1);--auth-register-submit-bg: linear-gradient(135deg, #16A34A, #22C55E);--auth-register-submit-bg-hover: linear-gradient(135deg, #15803D, #16A34A);--auth-register-submit-shadow: rgba(34, 197, 94, .3);--auth-register-secondary-bg: rgba(34, 197, 94, .08);--auth-register-secondary-bg-hover: rgba(34, 197, 94, .14);--auth-register-secondary-border: rgba(34, 197, 94, .3);--auth-register-secondary-text: #15803D;--price-color: #0F172A;--price-currency-color: #22C55E;--card-unread-border: #22C55E;--code-block-bg: #0F172A;--faq-bg: rgba(255, 255, 255, .6);--progress-track: #E2E8F0;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--lang-go: #00ADD8;--lang-python: #3776AB;--lang-typescript: #3178C6;--lang-javascript: #F7DF1E;--lang-java: #ED8B00;--lang-rust: #DEA584;--lang-ruby: #CC342D;--lang-php: #777BB4}html.dark{--color-primary: #22C55E;--color-primary-hover: #4ADE80;--color-primary-pressed: #16A34A;--color-primary-suppl: #22C55E;--color-primary-light: #4ADE80;--color-secondary: #A78BFA;--color-secondary-hover: #C4B5FD;--color-accent: #818CF8;--color-success: #22C55E;--color-success-light: #4ADE80;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-error: #EF4444;--color-error-light: #F87171;--color-info: #3B82F6;--color-info-light: #60A5FA;--color-cta: #22C55E;--bg-page: #0F172A;--bg-page-alt: #1E293B;--bg-elevated: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-body: #CBD5E1;--text-brand: #F8FAFC;--text-muted: #64748B;--text-on-primary: #0F172A;--bg-navbar: rgba(15, 23, 42, .92);--bg-mobile-menu: rgba(15, 23, 42, .96);--navbar-border: rgba(255, 255, 255, .06);--navbar-shadow: rgba(0, 0, 0, .3);--nav-link-color: #94A3B8;--nav-link-hover-bg: rgba(34, 197, 94, .12);--nav-link-active-bg: rgba(34, 197, 94, .18);--mobile-link-color: #CBD5E1;--mobile-divider: rgba(255, 255, 255, .06);--glass-bg: rgba(30, 41, 59, .8);--glass-bg-strong: rgba(30, 41, 59, .9);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .2);--glass-shadow-hover: rgba(34, 197, 94, .15);--hero-gradient: linear-gradient(135deg, #020617 0%, #0F172A 50%, #1E293B 100%);--hero-text: #F8FAFC;--hero-text-muted: rgba(248, 250, 252, .7);--hero-text-faint: rgba(248, 250, 252, .45);--hero-text-secondary: rgba(248, 250, 252, .65);--hero-text-placeholder: rgba(248, 250, 252, .35);--hero-input-bg: rgba(255, 255, 255, .08);--hero-input-border: rgba(255, 255, 255, .12);--hero-input-focus-bg: rgba(255, 255, 255, .12);--hero-badge-bg: rgba(34, 197, 94, .15);--hero-badge-border: rgba(34, 197, 94, .25);--hero-shape-primary: rgba(34, 197, 94, .08);--hero-shape-secondary: rgba(99, 102, 241, .06);--hero-shape-tertiary: rgba(124, 58, 237, .06);--hero-search-bg: rgba(15, 23, 42, .85);--color-accent-alpha-10: rgba(99, 102, 241, .15);--biz-gradient-green: linear-gradient(135deg, #22C55E, #16A34A);--biz-gradient-purple: linear-gradient(135deg, #7C3AED, #6366F1);--biz-gradient-blue: linear-gradient(135deg, #3B82F6, #2563EB);--content-hero-bg: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);--content-hero-text: #F8FAFC;--content-hero-text-secondary: rgba(248, 250, 252, .7);--content-hero-search-bg: rgba(30, 41, 59, .8);--content-hero-search-border: rgba(255, 255, 255, .1);--content-hero-search-text: #F8FAFC;--content-hero-search-placeholder: #64748B;--blog-hero-badge-bg: rgba(34, 197, 94, .15);--blog-hero-badge-border: rgba(34, 197, 94, .25);--tpl-hero-badge-bg: rgba(124, 58, 237, .15);--tpl-hero-badge-border: rgba(124, 58, 237, .25);--tpl-hero-badge-text: #A78BFA;--tpl-hero-stats-text: rgba(248, 250, 252, .5);--tpl-hero-stats-strong: #F8FAFC;--footer-bg: #0F172A;--footer-text: rgba(248, 250, 252, .9);--footer-text-muted: rgba(248, 250, 252, .5);--footer-text-faint: rgba(248, 250, 252, .3);--footer-divider: rgba(248, 250, 252, .08);--banner-bg: rgba(30, 41, 59, .7);--banner-border: rgba(255, 255, 255, .06);--box-bg: rgba(30, 41, 59, .7);--form-bg: #1E293B;--form-shadow: rgba(0, 0, 0, .3);--form-border: rgba(255, 255, 255, .08);--auth-register-submit-bg: linear-gradient(135deg, #22C55E, #16A34A);--auth-register-submit-bg-hover: linear-gradient(135deg, #4ADE80, #22C55E);--auth-register-submit-shadow: rgba(34, 197, 94, .35);--auth-register-secondary-bg: rgba(34, 197, 94, .16);--auth-register-secondary-bg-hover: rgba(34, 197, 94, .22);--auth-register-secondary-border: rgba(34, 197, 94, .42);--auth-register-secondary-text: #86EFAC;--price-color: #F8FAFC;--price-currency-color: #22C55E;--card-unread-border: #22C55E;--code-block-bg: #020617;--faq-bg: rgba(30, 41, 59, .6);--progress-track: #334155}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}.font-mono,code,pre,kbd,samp{font-family:var(--font-code)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow);transition:all .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--glass-shadow-hover);border-color:var(--glass-border-strong)}.glass-card-static{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow)}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-1px)}.btn-cta{background:var(--color-cta);color:var(--text-on-primary);border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #22c55e4d}.lang-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.lang-go{background:#00add826;color:#00add8}.lang-python{background:#3776ab26;color:#3776ab}.lang-typescript{background:#3178c626;color:#3178c6}.lang-javascript{background:#f7df1e26;color:#b7950b}.lang-java{background:#ed8b0026;color:#ed8b00}.lang-rust{background:#dea58426;color:#dea584}html.dark body,html.dark .navbar,html.dark .glass-card,html.dark .glass-card-static,html.dark .plan-card,html.dark .mobile-menu{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.glass-card:hover{transform:none}}