@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.header[data-v-5dac5580]{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-bottom:2px solid #fbbf2433;padding:1.25rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:sticky;top:0;box-shadow:0 4px 20px #fbbf241a}.header.dark[data-v-5dac5580]{background:#1f2937b3;border-bottom-color:#34d3994d;box-shadow:0 4px 20px #34d3991a}.header-content[data-v-5dac5580]{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.logo[data-v-5dac5580]{align-items:center;gap:1rem;text-decoration:none;transition:transform .3s;display:flex}.logo[data-v-5dac5580]:hover{transform:scale(1.05)}.logo-icon[data-v-5dac5580]{justify-content:center;align-items:center;display:flex}.logo-circle[data-v-5dac5580]{animation:3s ease-in-out infinite gentlePulse-5dac5580}@keyframes gentlePulse-5dac5580{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.logo-text h1[data-v-5dac5580]{margin:0;font-family:Noto Sans SC,sans-serif;font-size:2rem;font-weight:700;line-height:1.2}.tagline[data-v-5dac5580]{color:#f59e0b;margin-top:.25rem;font-size:.85rem;font-weight:500;display:block}.dark .tagline[data-v-5dac5580]{color:#6ee7b7}.nav[data-v-5dac5580]{align-items:center;gap:.75rem;display:flex}.nav-link[data-v-5dac5580]{color:#f59e0b;background:#fff9;border:2px solid #0000;border-radius:18px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #fbbf241a}.dark .nav-link[data-v-5dac5580]{color:#6ee7b7;background:#1f293799;box-shadow:0 2px 10px #34d3991a}.nav-link[data-v-5dac5580]:hover{background:#fbbf2426;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2433}.dark .nav-link[data-v-5dac5580]:hover{background:#34d39926;border-color:#34d399;box-shadow:0 4px 15px #34d39933}.nav-link.router-link-active[data-v-5dac5580]{color:#f59e0b;background:linear-gradient(135deg,#fbbf2440,#34d39940);border-color:#fbbf24;font-weight:700}.dark .nav-link.router-link-active[data-v-5dac5580]{color:#6ee7b7;background:linear-gradient(135deg,#fbbf2433,#34d39933);border-color:#34d399}.theme-toggle[data-v-5dac5580]{cursor:pointer;color:#fff;background:linear-gradient(135deg,#fbbf24,#34d399);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #fbbf244d}.theme-toggle[data-v-5dac5580]:hover{transform:scale(1.1)rotate(180deg);box-shadow:0 6px 20px #34d39966}.theme-toggle[data-v-5dac5580]:active{transform:scale(.95)}@media (width<=768px){.header-content[data-v-5dac5580]{flex-wrap:wrap;padding:0 1rem}.nav[data-v-5dac5580]{flex-wrap:wrap;order:3;justify-content:center;gap:.5rem;width:100%;padding:1rem 0 0}.nav-link[data-v-5dac5580]{padding:.75rem 1.25rem;font-size:.875rem}.nav-link svg[data-v-5dac5580]{width:20px;height:20px}.logo-text h1[data-v-5dac5580]{font-size:1.75rem}.theme-toggle[data-v-5dac5580]{width:44px;height:44px}}.footer[data-v-c3eb7428]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-top:2px solid #fbbf2433;margin-top:4rem;padding:3rem 0}.dark .footer[data-v-c3eb7428]{background:#1f293799;border-top-color:#34d39933}.footer-content[data-v-c3eb7428]{flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-brand[data-v-c3eb7428]{align-items:center;gap:1rem;display:flex}.footer-logo[data-v-c3eb7428]{justify-content:center;align-items:center;display:flex}.footer-brand h3[data-v-c3eb7428]{margin:0;font-size:1.5rem;font-weight:700}.footer-info[data-v-c3eb7428]{text-align:center}.copyright[data-v-c3eb7428]{color:#6b7280;margin:0 0 .5rem;font-size:.95rem;font-weight:500}.dark .copyright[data-v-c3eb7428]{color:#9ca3af}.tech-stack[data-v-c3eb7428]{color:#9ca3af;margin:0;font-size:.85rem}.dark .tech-stack[data-v-c3eb7428]{color:#6b7280}.footer-links[data-v-c3eb7428]{align-items:center;gap:1.5rem;display:flex}.footer-link[data-v-c3eb7428]{color:#f59e0b;background:#fbbf241a;border:2px solid #0000;border-radius:14px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.dark .footer-link[data-v-c3eb7428]{color:#6ee7b7;background:#34d39926}.footer-link[data-v-c3eb7428]:hover{background:#fbbf2426;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2433}.dark .footer-link[data-v-c3eb7428]:hover{background:#34d39933;border-color:#34d399;box-shadow:0 4px 15px #34d39933}@media (width<=768px){.footer[data-v-c3eb7428]{margin-top:3rem;padding:2rem 0}.footer-content[data-v-c3eb7428]{padding:0 1rem}.footer-brand h3[data-v-c3eb7428]{font-size:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#fbbf24;--primary-light:#fcd34d;--primary-dark:#f59e0b;--secondary:#34d399;--secondary-light:#6ee7b7;--accent:#3b82f6;--success:#10b981;--gradient-yellow:linear-gradient(135deg, #fbbf24 0%, #fcd34d 100%);--gradient-green:linear-gradient(135deg, #34d399 0%, #6ee7b7 100%);--gradient-spring:linear-gradient(135deg, #fbbf24 0%, #34d399 50%, #3b82f6 100%);--shadow-soft:0 4px 20px #fbbf2426;--shadow-card:0 8px 30px #34d3991f;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}body{font-family:Noto Sans SC,Space Grotesk,sans-serif;line-height:1.7;transition:all .4s cubic-bezier(.4,0,.2,1)}.app{color:#1f2937;background:linear-gradient(135deg,#fef3c7 0%,#d1fae5 50%,#dbeafe 100%);flex-direction:column;min-height:100vh;transition:all .4s;display:flex;position:relative;overflow-x:hidden}.app:before{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf241f 0%,#0000 70%);width:80%;height:80%;animation:18s ease-in-out infinite floatNature;position:fixed;top:-30%;right:-30%}.app:after{content:"";pointer-events:none;background:radial-gradient(circle,#34d3991f 0%,#0000 70%);width:80%;height:80%;animation:22s ease-in-out infinite reverse floatNature;position:fixed;bottom:-30%;left:-30%}@keyframes floatNature{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(20px,-20px)rotate(5deg)}66%{transform:translate(-20px,20px)rotate(-5deg)}}.app.dark-mode{color:#f3f4f6;background:linear-gradient(135deg,#1f2937 0%,#065f46 50%,#1e3a8a 100%)}.app.dark-mode:before{background:radial-gradient(circle,#fbbf242e 0%,#0000 70%)}.app.dark-mode:after{background:radial-gradient(circle,#34d3992e 0%,#0000 70%)}.main{z-index:1;flex:1;width:100%;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fbbf241a;border-radius:10px}.app.dark-mode::-webkit-scrollbar-track{background:#34d3991a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#34d399);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fcd34d,#6ee7b7)}a{color:inherit;text-decoration:none}.gradient-text{background:var(--gradient-yellow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spring-text{background:var(--gradient-spring);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite spring}@keyframes spring{0%,to{background-position:0%}50%{background-position:100%}}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter-from,.fade-leave-to{opacity:0}.post-card[data-v-1ea78e56]{transition:all .3s}.post-link[data-v-1ea78e56]{text-decoration:none;display:block}.post-card-inner[data-v-1ea78e56]{background:#ffffffbf;border:2px solid #0000;border-radius:18px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #fbbf241a}.dark .post-card-inner[data-v-1ea78e56]{background:#1f2937a6;box-shadow:0 4px 20px #34d3991a}.post-card:hover .post-card-inner[data-v-1ea78e56]{border-color:#fbbf24;transform:translateY(-5px);box-shadow:0 8px 30px #fbbf2433}.dark .post-card:hover .post-card-inner[data-v-1ea78e56]{border-color:#34d399;box-shadow:0 8px 30px #34d39933}.post-header[data-v-1ea78e56]{margin-bottom:1rem}.post-category[data-v-1ea78e56]{color:#f59e0b;background:#fbbf241a;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.375rem .875rem;font-size:.85rem;font-weight:600;display:inline-flex}.dark .post-category[data-v-1ea78e56]{color:#6ee7b7;background:#34d39926}.category-dot[data-v-1ea78e56]{border-radius:50%;width:8px;height:8px}.post-title[data-v-1ea78e56]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700;line-height:1.4;transition:color .3s}.dark .post-title[data-v-1ea78e56]{color:#f3f4f6}.post-card:hover .post-title[data-v-1ea78e56]{color:#f59e0b}.dark .post-card:hover .post-title[data-v-1ea78e56]{color:#6ee7b7}.post-meta[data-v-1ea78e56]{margin-bottom:1rem}.meta-date[data-v-1ea78e56]{color:#9ca3af;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.post-excerpt[data-v-1ea78e56]{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.95rem;line-height:1.7;display:-webkit-box;overflow:hidden}.dark .post-excerpt[data-v-1ea78e56]{color:#9ca3af}.post-footer[data-v-1ea78e56]{justify-content:space-between;align-items:center;display:flex}.read-more[data-v-1ea78e56]{color:#f59e0b;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.dark .read-more[data-v-1ea78e56]{color:#6ee7b7}.post-card:hover .read-more[data-v-1ea78e56]{gap:.75rem}.post-tags[data-v-1ea78e56]{border-top:1px solid #fbbf2433;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .post-tags[data-v-1ea78e56]{border-top-color:#34d39933}.tag[data-v-1ea78e56]{color:#9ca3af;background:#fbbf2414;border-radius:10px;padding:.375rem .75rem;font-size:.8rem;font-weight:500}.dark .tag[data-v-1ea78e56]{background:#34d3991a}@media (width<=768px){.post-card-inner[data-v-1ea78e56]{padding:1.25rem}.post-title[data-v-1ea78e56]{font-size:1.25rem}.post-excerpt[data-v-1ea78e56]{font-size:.9rem}}.home[data-v-0b8780b0]{max-width:1200px;margin:0 auto;padding:2rem}.hero[data-v-0b8780b0]{background:#ffffffbf;border-radius:24px;margin-bottom:3rem;padding:4rem 2rem;transition:all .4s;box-shadow:0 8px 30px #fbbf2426}.dark .hero[data-v-0b8780b0]{background:#1f2937a6;box-shadow:0 8px 30px #34d39926}.hero-content[data-v-0b8780b0]{text-align:center;max-width:800px;margin:0 auto}.hero-title[data-v-0b8780b0]{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.3}.hero-subtitle[data-v-0b8780b0]{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;font-weight:500}.dark .hero-subtitle[data-v-0b8780b0]{color:#9ca3af}.hero-stats[data-v-0b8780b0]{justify-content:center;gap:3rem;margin-top:2rem;display:flex}.stat-item[data-v-0b8780b0]{text-align:center}.stat-number[data-v-0b8780b0]{color:#f59e0b;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700}.dark .stat-number[data-v-0b8780b0]{color:#6ee7b7}.stat-label[data-v-0b8780b0]{color:#9ca3af;margin-top:.25rem;font-size:.95rem}.stat-divider[data-v-0b8780b0]{background:linear-gradient(#0000,#fbbf24,#0000);width:2px;height:60px}.dark .stat-divider[data-v-0b8780b0]{background:linear-gradient(#0000,#34d399,#0000)}.categories-section[data-v-0b8780b0]{margin-bottom:3rem}.section-title[data-v-0b8780b0]{color:#f59e0b;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;display:flex}.dark .section-title[data-v-0b8780b0]{color:#6ee7b7}.section-title svg[data-v-0b8780b0]{color:#fbbf24}.dark .section-title svg[data-v-0b8780b0]{color:#34d399}.categories-grid[data-v-0b8780b0]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.category-card[data-v-0b8780b0]{background:#ffffffb3;border:2px solid #fbbf2433;border-radius:18px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.category-card[data-v-0b8780b0]:hover{border-color:#fbbf24;transform:translateY(-5px);box-shadow:0 8px 25px #fbbf2433}.dark .category-card[data-v-0b8780b0]{background:#1f293799;border-color:#34d39933}.dark .category-card[data-v-0b8780b0]:hover{border-color:#34d399;box-shadow:0 8px 25px #34d39933}.category-icon[data-v-0b8780b0]{margin-bottom:1rem;font-size:3rem}.category-name[data-v-0b8780b0]{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dark .category-name[data-v-0b8780b0]{color:#f3f4f6}.category-desc[data-v-0b8780b0]{color:#6b7280;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.dark .category-desc[data-v-0b8780b0]{color:#9ca3af}.category-count[data-v-0b8780b0]{color:#f59e0b;background:#fbbf2426;border-radius:12px;padding:.375rem .875rem;font-size:.85rem;font-weight:600;display:inline-block}.dark .category-count[data-v-0b8780b0]{color:#6ee7b7;background:#34d39933}.articles-section[data-v-0b8780b0]{margin-bottom:2rem}.articles-grid[data-v-0b8780b0]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.loading-state[data-v-0b8780b0],.empty-state[data-v-0b8780b0]{text-align:center;padding:4rem 2rem}.loading-spinner[data-v-0b8780b0]{border:4px solid #fbbf2433;border-top-color:#fbbf24;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin-0b8780b0}@keyframes spin-0b8780b0{to{transform:rotate(360deg)}}.empty-icon[data-v-0b8780b0]{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite bounce-0b8780b0}@keyframes bounce-0b8780b0{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p[data-v-0b8780b0],.loading-state p[data-v-0b8780b0]{color:#9ca3af;font-size:1.125rem}@media (width<=768px){.home[data-v-0b8780b0]{padding:1rem}.hero[data-v-0b8780b0]{padding:2rem 1rem}.hero-title[data-v-0b8780b0]{font-size:2.25rem}.hero-stats[data-v-0b8780b0]{gap:2rem}.stat-number[data-v-0b8780b0]{font-size:2rem}.section-title[data-v-0b8780b0]{font-size:1.5rem}.categories-grid[data-v-0b8780b0],.articles-grid[data-v-0b8780b0]{grid-template-columns:1fr}}