:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#22d3ee;--accent-color:#ff6b00;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#ef4444;--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--gradient-accent:linear-gradient(135deg,var(--accent-color),var(--primary-color));--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease-out;--transition-normal:0.25s ease-out;--transition-slow:0.35s ease-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}body[data-theme=dark]{--background-color:#0a0e27;--card-bg:#1a1f3a;--surface-color:#1a1f3a;--surface-hover:#252a45;--text-color:#e8eaed;--text-secondary:#9aa0a6;--text-primary:#e8eaed;--text-light:#9aa0a6;--text-muted:#6b7280;--border-color:#2a2f4a;--border-light:#3a3f5a;--hover-bg:#252a45;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-xl:0 16px 48px rgba(0,0,0,.6);--shadow-glow:0 0 30px rgba(0,102,255,.25)}body[data-theme=light]{--background-color:#f8fafc;--card-bg:#fff;--surface-color:#f1f5f9;--surface-hover:#e2e8f0;--text-color:#1e293b;--text-secondary:#475569;--text-primary:#0f172a;--text-light:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#cbd5e1;--hover-bg:#f1f5f9;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.15)}body.dark-mode{--background-color:#0a0e27;--card-bg:#1a1f3a;--surface-color:#1a1f3a;--surface-hover:#252a45;--text-color:#e8eaed;--text-secondary:#9aa0a6;--text-primary:#e8eaed;--text-light:#9aa0a6;--text-muted:#80868b;--border-color:#2a2f4a;--border-light:#3a3f5a;--hover-bg:#252a45;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-xl:0 16px 48px rgba(0,0,0,.6);--shadow-glow:0 0 30px rgba(0,102,255,.25)}body.light-mode{--background-color:#f8fafc;--card-bg:#fff;--surface-color:#f1f5f9;--surface-hover:#e2e8f0;--text-color:#1e293b;--text-secondary:#475569;--text-primary:#0f172a;--text-light:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#cbd5e1;--hover-bg:#f1f5f9;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--background-color);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:1.7;transition:color var(--transition-normal),background-color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.3;margin-bottom:var(--spacing-lg)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-light);margin-bottom:var(--spacing-lg)}a{color:var(--primary-color);position:relative;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:hover{color:var(--primary-dark);transform:translateY(-1px)}img{border-radius:var(--radius-lg);height:auto;max-width:100%;transition:transform var(--transition-normal)}img:hover{transform:scale(1.02)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}@media (min-width:640px){.container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}}.header{background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border-color);position:sticky;top:0;transition:all var(--transition-normal);z-index:var(--z-sticky)}.header,body.dark-mode .header{backdrop-filter:blur(16px) saturate(180%)}body.dark-mode .header{background:rgba(15,23,42,.95)}.nav-content{gap:var(--spacing-xl);height:5rem;justify-content:space-between}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-color);font-size:var(--font-size-xl);font-weight:700;gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.nav-logo:hover{color:var(--primary-color);transform:scale(1.05)}.logo-image{height:2.5rem;transition:transform var(--transition-normal);width:2.5rem}.nav-logo:hover .logo-image{transform:rotate(10deg) scale(1.1)}.nav-menu{align-items:center;display:none;gap:var(--spacing-lg);list-style:none}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-light);display:flex;font-weight:500;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.nav-link:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transition:width var(--transition-normal);width:0;z-index:-1}.nav-link.active:before,.nav-link:hover:before{width:100%}.nav-link.active,.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-link.active{background:rgba(248,86,32,.1);color:var(--primary-color)}.theme-toggle{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-light);cursor:pointer;display:flex;font-size:1.125rem;height:2.75rem;justify-content:center;transition:all var(--transition-normal);width:2.75rem}.theme-toggle:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-primary);color:#fff;transform:rotate(180deg) scale(1.1)}.theme-toggle .icon-sun,body.dark-mode .theme-toggle .icon-moon{display:none}body.dark-mode .theme-toggle .icon-sun{display:block}.mobile-menu-toggle{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:3px;height:2.25rem;justify-content:center;padding:0;transition:all var(--transition-normal);width:2.25rem}.mobile-menu-toggle:hover{background:var(--primary-color);border-color:var(--primary-color)}.mobile-menu-toggle:hover span{background:#fff}.mobile-menu-toggle span{background:var(--text-color);border-radius:var(--radius-full);display:block;height:2px;transition:all var(--transition-normal);width:1.25rem}.mobile-menu-toggle span:first-child,.mobile-menu-toggle span:nth-child(3){transform-origin:left center}@media (min-width:768px){.nav-menu{display:flex}.mobile-menu-toggle{display:none}}.main{min-height:calc(100vh - 5rem)}.btn{align-items:center;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.btn:before{background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0;z-index:1}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-primary);transform:translateY(-4px)}.btn-outline{background:var(--background-color);border-color:var(--border-color);color:var(--text-color)}.btn-outline:hover{background:rgba(248,86,32,.1);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-2px)}.btn-large{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-2xl)}section{padding:var(--spacing-4xl) 0;position:relative}.section-title{animation:fadeInUp .6s ease-out;margin-bottom:var(--spacing-4xl);position:relative;text-align:center}.section-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";display:block;height:4px;margin:var(--spacing-lg) auto 0;width:80px}.section-footer{animation:fadeInUp .6s ease-out .4s both;margin-top:var(--spacing-3xl);text-align:center}.posts-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--spacing-4xl) 0 var(--spacing-2xl)}.footer-content{display:grid;gap:var(--spacing-3xl);grid-template-columns:2fr 1fr 1fr 1fr}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-title{font-size:var(--font-size-2xl);font-weight:700}.footer-subtitle,.footer-title{color:var(--text-color);margin-bottom:var(--spacing-md)}.footer-subtitle{font-size:var(--font-size-lg);font-weight:600}.footer-description{color:var(--text-light);line-height:1.7;margin-bottom:var(--spacing-lg)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.footer-link{color:var(--text-light);padding:var(--spacing-xs) 0;position:relative;transition:all var(--transition-fast)}.footer-link:hover{color:var(--primary-color)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-light);display:flex;font-size:1.125rem;height:2.75rem;justify-content:center;transition:all var(--transition-normal);width:2.75rem}.social-link:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-4px) scale(1.1)}.footer-bottom{border-top:1px solid var(--border-color);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.copyright{color:var(--text-light);font-weight:500}.footer-bottom-links{display:flex;gap:var(--spacing-md)}.footer-bottom-link{color:var(--text-light);font-weight:500;transition:color var(--transition-fast)}.footer-bottom-link:hover{color:var(--primary-color)}.separator{color:var(--border-color)}.site-footer{backdrop-filter:blur(4px);background:var(--card-bg);border-top:1px solid var(--border-color);margin-top:5rem}.footer-container{margin:0 auto;max-width:80rem;padding:1rem}@media (min-width:640px){.footer-container{padding:1rem 1.5rem}}@media (min-width:1024px){.footer-container{padding:2rem}}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center}.footer-beian,.footer-copyright{color:var(--text-secondary);font-size:.875rem}.footer-beian{opacity:.8}@media (max-width:768px){.footer-content{grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}}.mobile-nav{background:var(--surface-color);height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:left var(--transition-normal);width:100%;z-index:var(--z-modal)}.mobile-nav.active{left:0}.mobile-nav-content{padding:var(--spacing-2xl);padding-top:6rem}.mobile-nav-menu{flex-direction:column;list-style:none}.mobile-nav-link,.mobile-nav-menu{display:flex;gap:var(--spacing-md)}.mobile-nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--text-light);font-size:var(--font-size-lg);font-weight:500;padding:var(--spacing-lg);transition:all var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:hover{background:rgba(248,86,32,.1);color:var(--primary-color);transform:translateX(4px)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.icon-home:before{content:"🏠"}.icon-document:before{content:"📄"}.icon-info:before{content:"ℹ️"}.icon-mail:before{content:"✉️"}.icon-bolt:before{content:"⚡"}.icon-code:before{content:"💻"}.icon-server:before{content:"🖥️"}.icon-git-branch:before{content:"🌿"}.icon-shield:before{content:"🛡️"}.icon-credit-card:before{content:"💳"}.icon-moon:before{content:"🌙"}.icon-sun:before{content:"☀️"}.icon-github:before{content:"🐙"}.icon-linkedin:before{content:"💼"}.icon-twitter:before{content:"🐦"}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:640px){.btn{justify-content:center;width:100%}.section-title{font-size:var(--font-size-3xl)}}@media print{.footer,.header,.mobile-menu-toggle,.theme-toggle{display:none}body{font-size:12pt;line-height:1.4}.container{max-width:none;padding:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.footer-link:focus,.nav-link:focus,.social-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border:3px solid var(--surface-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}.article-content{color:var(--text-color);font-size:var(--font-size-base);line-height:1.8;margin:0 auto;max-width:896px;padding:3rem 1.5rem 4rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-color);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-3xl)}.article-content h1{font-size:var(--font-size-4xl)}.article-content h2{font-size:var(--font-size-3xl)}.article-content h3{font-size:var(--font-size-2xl)}.article-content h4{font-size:var(--font-size-xl)}.article-content h5{font-size:var(--font-size-lg)}.article-content h6{font-size:var(--font-size-base)}.article-content p{margin-bottom:var(--spacing-xl)}.article-content ol,.article-content ul{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-2xl)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content blockquote{background:var(--surface-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--text-light);font-style:italic;margin:var(--spacing-2xl) 0;padding:var(--spacing-lg) var(--spacing-2xl)}.article-content code{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--secondary-color);display:inline-block;font-family:var(--font-family-mono);font-size:.9em;line-height:1.4;padding:.2rem .5rem}.article-content pre{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--spacing-2xl) 0;padding:var(--spacing-2xl)}.article-content pre:before{background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.article-content pre code{background:transparent;border:none;color:inherit;font-size:.95em;line-height:1.6;padding:0;white-space:pre;word-wrap:normal}.article-content pre[class*=language-]{padding-top:3.5rem;position:relative}.article-content pre[class*=language-]:before{align-items:center;background:rgba(15,23,42,.9);border-bottom:1px solid #334155;border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#94a3b8;content:attr(data-language);display:flex;font-size:var(--font-size-sm);font-weight:600;height:2.5rem;left:0;letter-spacing:.05em;padding:0 var(--spacing-lg);position:absolute;right:0;text-transform:uppercase;top:0}.article-content pre .token.cdata,.article-content pre .token.comment,.article-content pre .token.doctype,.article-content pre .token.prolog{color:#64748b;font-style:italic}.article-content pre .token.punctuation{color:#94a3b8}.article-content pre .token.boolean,.article-content pre .token.constant,.article-content pre .token.deleted,.article-content pre .token.number,.article-content pre .token.property,.article-content pre .token.symbol,.article-content pre .token.tag{color:#f472b6}.article-content pre .token.attr-name,.article-content pre .token.builtin,.article-content pre .token.char,.article-content pre .token.inserted,.article-content pre .token.selector,.article-content pre .token.string{color:#34d399}.article-content pre .language-css .token.string,.article-content pre .style .token.string,.article-content pre .token.entity,.article-content pre .token.operator,.article-content pre .token.url,.article-content pre .token.variable{color:#fbbf24}.article-content pre .token.atrule,.article-content pre .token.attr-value,.article-content pre .token.class-name,.article-content pre .token.function{color:#60a5fa}.article-content pre .token.keyword{color:#a78bfa;font-weight:600}.article-content pre{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:var(--radius-lg);color:#e2e8f0;margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-lg);padding-top:3rem;position:relative}.article-content pre code{display:block;overflow-x:auto}.article-content pre[class*=language-]{padding-top:3rem}.article-content pre[class*=language-]:before{display:none}.code-copy-btn{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;color:#e2e8f0;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;z-index:10}.code-copy-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.code-copy-btn.copied{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4);color:#4ade80}.code-copy-btn svg{height:.875rem;width:.875rem}.article-content table{background:var(--background-color);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-2xl) 0;overflow:hidden;width:100%}.article-content td,.article-content th{border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);text-align:left}.article-content th{background:var(--surface-color);color:var(--text-color);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.article-content tr:last-child td{border-bottom:none}.article-content tr:hover{background:var(--surface-hover)}body.dark-mode .article-content code{background:var(--surface-color);border-color:var(--border-color);color:var(--primary-light)}body.dark-mode .article-content pre{background:linear-gradient(135deg,#0f172a,#020617);border-color:#1e293b}body.dark-mode .article-content pre:before{background:var(--gradient-primary)}@media (max-width:768px){.article-content pre{border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;overflow-x:auto;padding:var(--spacing-lg);padding-top:3rem}.article-content pre[class*=language-]{padding-top:3rem}.article-content pre code{font-size:.85em;white-space:pre}.article-content code{font-size:.85em}.article-content td,.article-content th{padding:var(--spacing-md)}}.article-content pre::-webkit-scrollbar{height:8px}.article-content pre::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.article-content pre::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.article-content pre::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.article-content li>code,.article-content p>code{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:var(--shadow-sm);color:#fff;font-weight:600}body.dark-mode .article-content li>code,body.dark-mode .article-content p>code{background:var(--gradient-primary);color:#fff}.article-content kbd{background:var(--surface-color);border-bottom:1px solid var(--border-color);border:solid var(--border-color);border-radius:var(--radius-sm);border-width:1px 1px 3px;box-shadow:var(--shadow-sm);color:var(--text-color);font-family:var(--font-family-mono);font-size:.8em;font-weight:600;padding:.1rem .4rem}body.dark-mode .article-content kbd{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}.debug-overlay,.dev-tools-overlay,.developer-overlay,.pages-dev-overlay,.wrangler-dev-overlay,div[style*="position: fixed"][style*="top: 0"][style*="right: 0"],div[style*="position: fixed"][style*="top: 0px"][style*="right: 0px"],div[style*="position:fixed"][style*="top:0"][style*="right:0"],div[style*="position:fixed"][style*="top:0px"][style*="right:0px"]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.post-section,.posts-section{background:var(--background-color);padding:var(--spacing-4xl) 0}.posts-section{padding-top:var(--spacing-5xl)}.posts-list{animation:fadeInUp .6s ease-out;display:grid;gap:var(--spacing-3xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-3xl)}.post-summary{animation:fadeInUpCard .6s ease-out forwards;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);opacity:0;overflow:hidden;padding:var(--spacing-3xl);position:relative;transform:translateY(30px);transition:all var(--transition-normal)}.post-summary:first-child{animation-delay:.1s}.post-summary:nth-child(2){animation-delay:.2s}.post-summary:nth-child(3){animation-delay:.3s}.post-summary:nth-child(4){animation-delay:.4s}.post-summary:nth-child(5){animation-delay:.5s}.post-summary:nth-child(6){animation-delay:.6s}.post-summary:nth-child(7){animation-delay:.7s}.post-summary:nth-child(8){animation-delay:.8s}.post-summary:nth-child(9){animation-delay:.9s}.post-summary:nth-child(10){animation-delay:1s}.post-summary:nth-child(11){animation-delay:1.1s}.post-summary:nth-child(12){animation-delay:1.2s}.post-summary:nth-child(13){animation-delay:1.3s}.post-summary:nth-child(14){animation-delay:1.4s}.post-summary:nth-child(15){animation-delay:1.5s}@keyframes fadeInUpCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-summary:before{background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);width:4px}.post-summary:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-summary:hover:before{transform:scaleX(1)}.post-summary h2{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin:0 0 var(--spacing-lg) 0}.post-summary h2 a{color:var(--text-color);text-decoration:none;transition:color var(--transition-fast)}.post-summary h2 a:hover{color:var(--primary-color)}.post-summary time{color:var(--text-muted);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg)}.post-summary .excerpt{color:var(--text-light);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-2xl)}.post-summary .excerpt img{border-radius:var(--radius-lg);height:auto;margin:var(--spacing-lg) 0;max-width:100%}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.post-meta .category,.post-meta .reading-time{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.post-meta .category{background:var(--primary-color);color:#fff}.post-meta .reading-time{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted)}.post{background:var(--background-color);margin:0 auto;max-width:800px}.post-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-5xl);padding-bottom:var(--spacing-3xl);text-align:center}.post-header h1{color:var(--text-color);font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-2xl)}.post-header .post-meta{justify-content:center;margin-bottom:var(--spacing-xl)}.post-header .post-meta time{color:var(--text-muted);font-size:var(--font-size-lg);margin-bottom:0}.post-footer{border-top:2px solid var(--border-color);margin-top:var(--spacing-5xl);padding-top:var(--spacing-3xl);text-align:center}.post-footer .tags{align-items:center;display:inline-flex;flex-direction:column;gap:var(--spacing-lg)}.post-footer .tags h3{color:var(--text-color);font-size:var(--font-size-xl);font-weight:700;margin:0}.tag{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--font-size-sm);font-weight:600;margin:0 var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.tag:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.post-section,.posts-section{padding:var(--spacing-2xl) 0}.posts-section{padding-top:var(--spacing-3xl)}.posts-list{gap:var(--spacing-2xl);grid-template-columns:1fr}.post-summary{padding:var(--spacing-2xl)}.post-summary h2{font-size:var(--font-size-xl)}.post-header h1{font-size:var(--font-size-3xl)}.post-meta{justify-content:center}.post{max-width:100%}}.navbar{backdrop-filter:blur(12px);background:rgba(10,14,39,.8);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}body.light-mode .navbar,body[data-theme=light] .navbar{background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px rgba(0,0,0,.05)}.navbar-container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.navbar-content{justify-content:space-between;min-height:4rem;padding:1rem 0}.navbar-content,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:.75rem;text-decoration:none;transition:all var(--transition-fast)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;font-size:1.5rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text}.navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media (min-width:768px){.navbar-actions{gap:1.5rem}}.banner{animation:fadeIn .5s ease-out;display:none}@media (min-width:768px){.banner{display:block}}.banner-link{background:linear-gradient(135deg,#ff6b00,#ff9500);border-radius:.375rem;box-shadow:0 2px 10px rgba(255,107,0,.3);color:#fff;display:block;font-size:.75rem;font-weight:500;padding:.375rem .75rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}@media (min-width:768px){.banner-link{font-size:.875rem}}.banner-link:hover{box-shadow:0 4px 12px rgba(255,107,0,.4);transform:translateY(-1px)}.banner-text{margin-right:1rem}.banner-close{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.2);border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;height:1.25rem;justify-content:center;line-height:1;margin-left:.5rem;padding:.25rem;transition:all .3s ease;width:1.25rem}.banner-close:hover{background:hsla(0,0%,100%,.3)}.navbar-divider{background:var(--border-color);display:none;height:1.5rem;width:1px}@media (min-width:768px){.navbar-divider{display:block}}.navbar-tools{gap:1rem}.navbar-tools,.tool-button{align-items:center;display:flex}.tool-button{background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.tool-button:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.theme-toggle{height:2.5rem;position:relative;width:2.5rem}.theme-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast)}.theme-icon-light{opacity:0;transform:translate(-50%,-50%) scale(.8)}[data-theme=dark] .theme-icon-dark{opacity:1;transform:translate(-50%,-50%) scale(1)}[data-theme=dark] .theme-icon-light,[data-theme=light] .theme-icon-dark{opacity:0;transform:translate(-50%,-50%) scale(.8)}[data-theme=light] .theme-icon-light{opacity:1;transform:translate(-50%,-50%) scale(1)}.mobile-menu-toggle{display:flex}@media (min-width:768px){.mobile-menu-toggle{display:none}}.search-modal{align-items:flex-start;animation:searchFadeIn .2s ease-out;bottom:0;display:none;justify-content:center;left:0;padding:10vh 1rem 0;position:fixed;right:0;top:0;z-index:100}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal.active{display:flex}.search-backdrop{backdrop-filter:blur(8px);background:rgba(0,0,0,.8);bottom:0;left:0;position:absolute;right:0;top:0}.search-content{animation:searchSlideIn .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px);background:linear-gradient(145deg,rgba(26,31,58,.98),rgba(18,22,45,.95));border:1px solid rgba(102,126,234,.2);border-radius:1.25rem;box-shadow:0 30px 60px -15px rgba(0,0,0,.6),0 0 30px rgba(102,126,234,.15),inset 0 0 1px hsla(0,0%,100%,.1);max-width:52rem;overflow:hidden;position:relative;width:100%}body[data-theme=light] .search-content{background:linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));border-color:rgba(0,0,0,.08);box-shadow:0 30px 60px -15px rgba(0,0,0,.2),inset 0 0 1px rgba(0,0,0,.05)}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{align-items:center;background:transparent;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:1rem;padding:1.25rem 1.5rem}body[data-theme=light] .search-input-wrapper{border-bottom-color:rgba(0,0,0,.06)}.search-input-wrapper:focus-within{background:transparent}.search-icon{color:var(--text-secondary);flex-shrink:0;height:1.375rem;opacity:.6;width:1.375rem}.search-input{background:transparent;border:none;caret-color:#3b82f6;color:var(--text-color);flex:1;font-size:1rem;font-weight:400;outline:none}.search-input::-moz-placeholder{color:var(--text-secondary);opacity:.4}.search-input::placeholder{color:var(--text-secondary);opacity:.4}.search-esc-button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.4rem .875rem;transition:all .2s ease}body[data-theme=light] .search-esc-button{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}.search-esc-button:hover{background:hsla(0,0%,100%,.12);color:var(--text-color)}body[data-theme=light] .search-esc-button:hover{background:rgba(0,0,0,.08)}.search-keyboard-hints{align-items:center;background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.06);color:var(--text-secondary);display:flex;font-size:.7rem;gap:1.25rem;justify-content:center;opacity:.7;padding:.875rem 1.5rem}body[data-theme=light] .search-keyboard-hints{background:rgba(0,0,0,.02);border-top-color:rgba(0,0,0,.06)}.search-hint-item{align-items:center;display:flex;gap:.375rem}.search-hint-key{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.2);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;font-weight:600;padding:.2rem .5rem}body[data-theme=light] .search-hint-key{background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.04));border-color:rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.1)}.search-results{background:transparent;max-height:60vh;overflow-y:auto}.search-results:empty{display:block;min-height:120px;padding:1.5rem}.search-initial-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.search-initial-state p{font-size:1rem;font-weight:400}.search-results .search-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2.5rem;text-align:center}.search-results .search-empty-state svg{color:var(--text-secondary);height:3rem;margin:0 auto .75rem;opacity:.3;width:3rem}.search-results .search-empty-state p:first-of-type{font-size:1rem;font-weight:500;margin-bottom:.25rem}.search-results .search-empty-state p:last-child{font-size:.8125rem;opacity:.6}.search-result-item{border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--text-color);display:block;padding:.875rem 1.25rem;text-decoration:none;transition:all .15s ease}body[data-theme=light] .search-result-item{border-bottom-color:rgba(0,0,0,.04)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:hsla(0,0%,100%,.04)}body[data-theme=light] .search-result-item:hover{background:rgba(0,0,0,.03)}.search-result-category{background:rgba(59,130,246,.15);border-radius:.3125rem;color:var(--primary-color);display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:0;margin-bottom:.25rem;padding:.125rem .4375rem;text-transform:none}.search-result-title{color:inherit;font-size:.8125rem;font-weight:500;line-height:1.35;margin-bottom:.125rem}.search-result-description{color:var(--text-secondary);display:-webkit-box;font-size:.6875rem;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.search-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.search-empty svg{color:var(--text-secondary);height:4rem;margin:0 auto 1rem;opacity:.3;width:4rem}.search-empty p:first-of-type{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.search-empty p:last-child{font-size:.875rem;opacity:.7}.blog-section{background:var(--dark-bg);min-height:100vh;padding:var(--spacing-4xl) 0}.section-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-title{background:var(--gradient-primary);-webkit-background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:800;margin:0 0 var(--spacing-md) 0;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:400;margin:0}.blog-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.filter-controls{align-items:center;display:flex;gap:var(--spacing-md)}.filter-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-primary);color:#fff}.filter-btn .count{font-size:var(--font-size-xs);opacity:.7}.view-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.view-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.view-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.view-btn.active{background:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff}.posts-container{min-height:400px;position:relative}.posts-grid.table-view{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1280px}@media (min-width:768px){.posts-grid.table-view{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.posts-grid.table-view{grid-template-columns:repeat(3,1fr)}}.posts-grid.list-view{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:900px}.post-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;display:block;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.post-card:hover{border-color:var(--primary-color);box-shadow:0 20px 25px -5px rgba(0,102,255,.1),0 10px 10px -5px rgba(0,102,255,.04);transform:scale(1.02)}.post-card-inner{display:flex;flex-direction:column;min-height:200px;padding:1.5rem;position:relative}.flex{display:flex}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.mb-3,.post-category{margin-bottom:.75rem}.category-badge{background:var(--gradient-primary);border-radius:.25rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.post-number{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin-left:auto;opacity:.3}.post-content{flex:1;margin-bottom:1rem;margin-top:.75rem}.post-title{font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;transition:color var(--transition-fast)}.post-card:hover .post-title{color:var(--primary-color)}.title-link{color:var(--text-primary);display:block;line-clamp:2;-webkit-line-clamp:2;text-decoration:none;text-overflow:ellipsis}.post-description,.title-link{-webkit-box-orient:vertical;overflow:hidden}.post-description{color:var(--text-secondary);display:-webkit-box;font-size:.875rem;-webkit-line-clamp:3;line-height:1.6;margin:0}.post-arrow{display:flex;justify-content:flex-end;margin-top:auto}.post-arrow svg{background:var(--surface-bg);border-radius:50%;color:var(--text-muted);height:2rem;padding:.5rem;transition:all var(--transition-fast);width:2rem}.post-card:hover .post-arrow svg{color:var(--primary-color);transform:scale(1.1) translateX(.25rem)}.posts-grid.list-view .post-card-inner{align-items:center;display:flex;min-height:auto;padding:var(--spacing-lg)}.posts-grid.list-view .post-category{margin-right:var(--spacing-md);position:static}.posts-grid.list-view .post-number{margin-left:var(--spacing-md);margin-right:var(--spacing-lg);position:static}.posts-grid.list-view .post-content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);margin:0}.posts-grid.list-view .post-arrow{margin-left:var(--spacing-lg);position:static}.posts-grid.list-view .post-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.posts-grid.list-view .post-description{-webkit-line-clamp:2}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:var(--spacing-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);margin:0}.pagination{gap:var(--spacing-sm);margin-top:var(--spacing-3xl)}.pagination-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);min-width:40px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.pagination-btn.active{box-shadow:var(--shadow-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:1024px){.posts-grid.table-view{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.filter-controls,.view-controls{justify-content:center}.posts-grid.table-view{grid-template-columns:1fr}.section-title{font-size:var(--font-size-3xl)}.blog-section{padding:var(--spacing-2xl) 0}}@media (max-width:480px){.post-card-inner{padding:var(--spacing-lg)}.filter-buttons{justify-content:center}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.hero-section{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(34,211,238,.05));padding:5rem 1.5rem;text-align:center;width:100%}.hero-container{margin:0 auto;max-width:80rem}.hero-title{background:linear-gradient(90deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;font-weight:900;line-height:1;margin:0 0 1rem}.hero-description{color:var(--text-secondary);font-size:1.125rem;margin:0}.main-content{padding:3rem 1.5rem}.home-container{margin:0 auto;max-width:80rem;padding:0}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;padding:3rem 1.5rem 2.5rem}.category-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:9999px;box-shadow:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.category-btn:hover{transform:scale(1.05)}.category-btn.active{background:var(--gradient-primary);border-color:transparent;box-shadow:0 5px 15px rgba(59,130,246,.3);color:#fff}.articles-list{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1280px;padding:0 1.5rem}.articles-list.table-view{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.articles-list.list-view{display:flex;flex-direction:column;gap:1rem}.article-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;color:inherit;display:flex;flex-direction:column;height:100%;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.article-card.list-view-card{padding:1.25rem 1.5rem}.article-card.list-view-card .article-card-inner.list-view-inner{align-items:center;flex-direction:row;gap:1.5rem;height:auto}.article-number-list{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;font-weight:700;min-width:3rem;opacity:.2}.article-content-list{flex:1;min-width:0}.article-content-list .article-title{font-size:1.25rem;line-height:1.3}.article-content-list .article-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;overflow:hidden}.list-view-inner .article-arrow{align-items:center;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;position:static;width:2.5rem}.list-view-inner .article-arrow svg{height:1.25rem;width:1.25rem}.article-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transform:scale(1.02)}.article-card-inner{display:flex;flex:1;flex-direction:column}.article-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.article-category-badge{background:var(--primary-color);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.article-number{color:var(--primary-color);font-size:.875rem;font-weight:700;opacity:.3}.article-title{color:var(--text-color);display:-webkit-box;flex:0 0 auto;font-size:1.125rem;font-weight:700;-webkit-line-clamp:2;line-height:1.4;margin:0 0 .75rem;-webkit-box-orient:vertical;overflow:hidden}.article-card:hover .article-title{color:#60a5fa}.article-description{color:var(--text-secondary);display:-webkit-box;flex:1;font-size:.875rem;-webkit-line-clamp:3;line-height:1.6;margin:0 0 1rem;-webkit-box-orient:vertical;overflow:hidden}.article-card-footer{display:flex;justify-content:flex-end}.article-arrow{align-items:center;background:var(--gradient-primary);border-radius:9999px;color:#fff;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.article-card:hover .article-arrow{transform:scale(1.1) translateX(.25rem)}.article-arrow svg{height:1rem;width:1rem}.empty-state{color:var(--text-secondary);grid-column:1/-1;padding:var(--spacing-4xl);text-align:center}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.loading{color:var(--text-secondary);grid-column:1/-1;padding:var(--spacing-4xl);text-align:center}.pagination-container{margin-top:3rem;padding-bottom:2rem}.pagination,.pagination-container{display:flex;justify-content:center}.pagination{align-items:center;gap:.5rem}.pagination-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.pagination-btn:hover:not([disabled]){background:var(--hover-bg);border-color:var(--primary-color)}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn[disabled]{cursor:not-allowed;opacity:.5}.pagination-next svg,.pagination-prev svg{height:1rem;width:1rem}@media (max-width:1024px){.hero-section{padding:4rem 1.5rem}.hero-title{font-size:2.5rem}.main-content{padding:2rem 1.5rem}.articles-list,.articles-list.table-view{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.article-card{padding:1.5rem}}@media (max-width:640px){.hero-section{padding:3rem 1rem}.hero-title{font-size:2rem}.main-content{padding:2rem 1rem}.articles-list,.articles-list.list-view,.articles-list.table-view{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.category-filter{gap:.5rem;padding:2rem 0 1.5rem}.category-btn{font-size:var(--font-size-xs);padding:.5rem 1rem}.articles-list.list-view{gap:.625rem}.article-card.list-view-card{border-radius:.75rem;height:5rem;max-width:100%;overflow:hidden;padding:1rem 1.25rem;width:100%}.article-card.list-view-card .article-card-inner.list-view-inner{display:flex;flex-direction:row;gap:0;height:100%;min-width:0;width:100%}.article-number-list,.list-view-card .article-category-badge,.list-view-inner .article-arrow{display:none}.article-content-list{align-items:center;display:flex;flex:1;min-width:0}.article-title-wrapper{width:100%}.article-content-list .article-title{color:var(--text-color);display:-webkit-box;font-size:1rem;font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-content-list .article-description{display:none}.pagination-container{overflow-x:auto;padding:1.5rem .5rem 2rem}.pagination{gap:.25rem;padding:0 .5rem}.pagination-btn{font-size:.8rem;min-width:32px;padding:.4rem .7rem}.pagination-btn.pagination-next,.pagination-btn.pagination-prev{padding:.4rem .6rem}.pagination-ellipsis{color:var(--text-secondary);font-size:.8rem;padding:.4rem .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.view-mode-btn{align-items:center;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.view-mode-btn:hover{background:var(--hover-bg);color:var(--text-color)}.view-mode-btn.active{background:var(--primary-color);box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff}