:root{--color-base:#0F172A;--color-surface:#1E293B;--color-surface-hover:#334155;--color-primary:#10B981;--color-primary-glow:rgba(16, 185, 129, 0.4);--color-secondary:#8B5CF6;--color-secondary-glow:rgba(139, 92, 246, 0.4);--color-accent-red:#EF4444;--color-accent-orange:#F97316;--color-text:#F1F5F9;--color-text-muted:#94A3B8;--color-border:#334155;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--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.25rem;--font-size-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.5);--shadow-glow-primary:0 0 20px var(--color-primary-glow);--shadow-glow-secondary:0 0 20px var(--color-secondary-glow)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background var(--transition-base)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700}.header__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.header__logo-icon svg{width:20px;height:20px;color:var(--color-base)}.header__logo-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__nav{display:flex;align-items:center;gap:var(--spacing-xl)}.header__nav-list{display:flex;gap:var(--spacing-lg)}.header__nav-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast);position:relative}.header__nav-link:hover{color:var(--color-text)}.header__nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.header__nav-link:hover::after{width:100%}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.header__search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__search-btn:hover{color:var(--color-text);background:var(--color-surface)}.header__cta{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),#059669);color:var(--color-base);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base)}.header__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.header__mobile-toggle{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text)}.header__mobile-toggle span{width:24px;height:2px;background:currentColor;border-radius:1px;transition:all var(--transition-base)}.hero{padding-top:calc(72px + var(--spacing-3xl));padding-bottom:var(--spacing-3xl)}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.hero__card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-base)}.hero__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)}.hero__card--featured{grid-column:span 2}.hero__card-image{width:100%;aspect-ratio:21/9;object-fit:cover}.hero__card--featured .hero__card-image{aspect-ratio:21/9}.hero__card:not(.hero__card--featured) .hero__card-image{aspect-ratio:16/9}.hero__card-content{padding:var(--spacing-xl)}.hero__card-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.hero__card-title{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}.hero__card--featured .hero__card-title{font-size:var(--font-size-3xl)}.hero__card-excerpt{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tag--vulnerability{background:rgba(239,68,68,.15);color:var(--color-accent-red);border:1px solid rgba(239,68,68,.3)}.tag--cloud{background:rgba(16,185,129,.15);color:var(--color-primary);border:1px solid rgba(16,185,129,.3)}.tag--column{background:rgba(139,92,246,.15);color:var(--color-secondary);border:1px solid rgba(139,92,246,.3)}.tag--network{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.tag--ransomware{background:rgba(249,115,22,.15);color:var(--color-accent-orange);border:1px solid rgba(249,115,22,.3)}.meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.meta__author{display:flex;align-items:center;gap:var(--spacing-sm)}.meta__avatar{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.meta__divider{width:4px;height:4px;background:var(--color-text-muted);border-radius:var(--radius-full)}.meta__reading-time{display:flex;align-items:center;gap:var(--spacing-xs)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-2xl);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.section-title::before{content:'';width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.filter-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-tag{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.filter-tag.active,.filter-tag:hover{background:var(--color-primary);color:var(--color-base);border-color:var(--color-primary)}.articles{padding:var(--spacing-2xl) 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.article-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-6px)}.article-card__image-wrapper{position:relative;overflow:hidden}.article-card__image{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card__image{transform:scale(1.05)}.article-card__difficulty{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(15,23,42,.8);backdrop-filter:blur(4px);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm)}.article-card__difficulty--beginner{color:var(--color-primary)}.article-card__difficulty--intermediate{color:#f59e0b}.article-card__difficulty--advanced{color:var(--color-accent-red)}.article-card__content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1}.article-card__tag{margin-bottom:var(--spacing-sm)}.article-card__title{font-size:var(--font-size-lg);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card__excerpt{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.article-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.load-more{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.load-more__btn{padding:var(--spacing-md) var(--spacing-2xl);background:0 0;color:var(--color-text);font-size:var(--font-size-base);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.load-more__btn:hover{background:var(--color-primary);color:var(--color-base);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md)}.footer__logo-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7}.footer__section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:var(--spacing-lg)}.footer__links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__social{display:flex;gap:var(--spacing-md)}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-base);color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.footer__social-link:hover{color:var(--color-primary);transform:translateY(-2px)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.footer__copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer__bottom-links{display:flex;gap:var(--spacing-lg)}.search-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all var(--transition-base)}.search-modal.active{opacity:1;visibility:visible}.search-modal__content{width:100%;max-width:640px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;transform:translateY(-20px);transition:transform var(--transition-base)}.search-modal.active .search-modal__content{transform:translateY(0)}.search-modal__input-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.search-modal__input-wrapper svg{color:var(--color-text-muted);flex-shrink:0}.search-modal__input{flex-grow:1;background:0 0;border:none;color:var(--color-text);font-size:var(--font-size-lg);outline:0}.search-modal__input::placeholder{color:var(--color-text-muted)}.search-modal__close{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-base);color:var(--color-text-muted);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.search-modal__tags{padding:var(--spacing-lg)}.search-modal__tags-title{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.search-modal__tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.article-detail{padding-top:calc(72px + var(--spacing-3xl));padding-bottom:var(--spacing-3xl)}.article-detail__layout{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-2xl)}.article-detail__header{margin-bottom:var(--spacing-2xl)}.article-detail__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.article-detail__breadcrumb a:hover{color:var(--color-primary)}.article-detail__title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg)}.article-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.article-detail__meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-detail__hero-image{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl)}.article-content{font-size:var(--font-size-lg);line-height:1.8}.article-content h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.article-content h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.article-content p{margin-bottom:var(--spacing-lg)}.article-content ol,.article-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--spacing-sm)}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:#34d399}.article-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-surface);border-left:4px solid var(--color-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-text-muted)}.code-block{position:relative;margin:var(--spacing-xl) 0;border-radius:var(--radius-lg);overflow:hidden;background:#1a1a2e;border:1px solid var(--color-border)}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:rgba(0,0,0,.3);border-bottom:1px solid var(--color-border)}.code-block__language{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase}.code-block__copy{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.code-block__copy:hover{background:var(--color-primary);color:var(--color-base)}.code-block__copy.copied{background:var(--color-primary);color:var(--color-base)}.code-block pre{padding:var(--spacing-lg);overflow-x:auto;font-family:'Fira Code',Consolas,monospace;font-size:var(--font-size-sm);line-height:1.6}.code-block code{color:var(--color-text)}.code-block .keyword{color:#c678dd}.code-block .string{color:#98c379}.code-block .number{color:#d19a66}.code-block .comment{color:#5c6370;font-style:italic}.code-block .function{color:#61afef}.code-block .variable{color:#e06c75}.toc{position:sticky;top:calc(72px + var(--spacing-xl))}.toc__title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.toc__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.toc__link{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);border-left:2px solid var(--color-border);transition:all var(--transition-fast)}.toc__link.active,.toc__link:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(16,185,129,.05)}.toc__link--h3{padding-left:var(--spacing-xl)}.share{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.share__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.share__buttons{display:flex;gap:var(--spacing-sm)}.share__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.share__btn:hover{transform:translateY(-2px)}.share__btn--twitter:hover{background:#1da1f2;border-color:#1da1f2}.share__btn--linkedin:hover{background:#0a66c2;border-color:#0a66c2}.share__btn--hatena:hover{background:#00a4de;border-color:#00a4de}.related{margin-top:var(--spacing-3xl)}.related__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm)}.related__title::before{content:'';width:4px;height:20px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr)}.article-detail__layout{grid-template-columns:1fr}.toc{display:none}.footer__grid{grid-template-columns:repeat(2,1fr)}.related__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero__grid{grid-template-columns:1fr}.hero__card--featured{grid-column:span 1}.article-grid{grid-template-columns:1fr}.header__nav{display:none}.header__mobile-toggle{display:flex}.footer__grid{grid-template-columns:1fr;text-align:center}.footer__brand{max-width:none}.footer__social{justify-content:center}.footer__bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.article-detail__title{font-size:var(--font-size-2xl)}.related__grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.filter-tags{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-sm)}}@media (max-width:480px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.hero__card-title{font-size:var(--font-size-xl)}.hero__card--featured .hero__card-title{font-size:var(--font-size-2xl)}}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.breadcrumb a{color:var(--color-text-muted);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{opacity:.5}.breadcrumb .current{color:var(--color-text)}.category-hero{padding-top:calc(72px + var(--spacing-2xl));padding-bottom:var(--spacing-2xl);background:linear-gradient(180deg,rgba(var(--category-color-rgb,16,185,129),.1) 0,transparent 100%);border-bottom:1px solid var(--color-border)}.category-hero__content{text-align:center;max-width:700px;margin:0 auto}.category-hero__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:var(--radius-xl);color:var(--category-color,var(--color-primary))}.category-hero__icon svg{width:32px;height:32px}.category-hero__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md)}.category-hero__description{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-lg)}.category-hero__count{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted)}.category-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-2xl)}.category-main .article-grid{grid-template-columns:repeat(2,1fr)}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-2xl)}.article-header{padding-top:calc(72px + var(--spacing-2xl));padding-bottom:var(--spacing-2xl);background:linear-gradient(180deg,rgba(var(--category-color-rgb,16,185,129),.1) 0,transparent 100%)}.article-header__meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.article-header__difficulty{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.article-header__difficulty--beginner{color:var(--color-primary)}.article-header__difficulty--intermediate{color:#f59e0b}.article-header__difficulty--advanced{color:var(--color-accent-red)}.article-header__title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.3;margin-bottom:var(--spacing-lg)}.article-header__info{margin-bottom:var(--spacing-xl)}.article-header__image{border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--spacing-xl)}.article-header__image img{width:100%;height:auto}.article-body{padding:var(--spacing-2xl) 0}.article-content{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-2xl)}.article-content h2,.article-content h3,.article-content h4{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-weight:700}.article-content h2{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.article-content h3{font-size:var(--font-size-xl)}.article-content h4{font-size:var(--font-size-lg)}.article-content p{margin-bottom:var(--spacing-md);line-height:1.8}.article-content ol,.article-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-content li{margin-bottom:var(--spacing-sm);line-height:1.7}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content pre{background:var(--color-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-x:auto;margin-bottom:var(--spacing-md)}.article-content code{font-family:'Fira Code',monospace;font-size:var(--font-size-sm)}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-style:italic}.article-tags{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.article-tags__title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.article-tags__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.author-box{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-base);border-radius:var(--radius-lg)}.author-box__avatar img{width:80px;height:80px;border-radius:var(--radius-full)}.author-box__name{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.author-box__bio{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.post-navigation__link{padding:var(--spacing-lg);background:var(--color-base);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.post-navigation__link:hover{border-color:var(--color-primary)}.post-navigation__link--next{text-align:right}.post-navigation__label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.post-navigation__title{font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.related-posts{padding:var(--spacing-2xl) 0;background:var(--color-base)}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sidebar-widget{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg)}.sidebar-widget__title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.popular-posts__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.popular-posts__item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.popular-posts__rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-base);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-sm);flex-shrink:0}.popular-posts__link{display:flex;gap:var(--spacing-sm);flex:1}.popular-posts__thumbnail{width:60px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.popular-posts__thumbnail img{width:100%;height:100%;object-fit:cover}.popular-posts__title{font-size:var(--font-size-sm);font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-posts__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tags-cloud__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.search-header{padding-top:calc(72px + var(--spacing-2xl));padding-bottom:var(--spacing-2xl);text-align:center}.search-header__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-sm)}.search-header__count{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.search-form__wrapper{display:flex;align-items:center;gap:var(--spacing-md);max-width:600px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg)}.search-form__wrapper svg{color:var(--color-text-muted);flex-shrink:0}.search-form__input{flex:1;background:0 0;border:none;color:var(--color-text);font-size:var(--font-size-base);outline:0}.search-form__btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-form__btn:hover{background:#059669}.no-results{text-align:center;padding:var(--spacing-3xl) 0}.no-results__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.no-results__text{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.no-results__suggestions h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.page-header{padding-top:calc(72px + var(--spacing-2xl));padding-bottom:var(--spacing-xl);text-align:center}.page-header__title{font-size:var(--font-size-4xl);font-weight:800}.page-body{padding-bottom:var(--spacing-3xl)}.page-content__inner{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-2xl)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:72px}.error-content{text-align:center;max-width:500px}.error-content__icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.error-content__title{font-size:120px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-content__subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.error-content__description{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.error-content__actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-fast)}.btn--primary{background:var(--color-primary);color:var(--color-base)}.btn--primary:hover{box-shadow:var(--shadow-glow-primary)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary)}.error-content__categories h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.category-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.category-link{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-fast)}.category-link:hover{border-color:var(--category-color,var(--color-primary));color:var(--category-color,var(--color-primary))}.pagination{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.pagination .nav-links{display:flex;gap:var(--spacing-sm)}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--color-primary);color:var(--color-base);border-color:var(--color-primary)}.categories-section{padding:var(--spacing-2xl) 0}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.category-card{padding:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.category-card:hover{border-color:var(--category-color,var(--color-primary));transform:translateY(-4px);box-shadow:0 0 20px rgba(16,185,129,.2)}.category-card__icon{width:48px;height:48px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:var(--radius-lg);color:var(--category-color,var(--color-primary))}.category-card__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.category-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.category-card__count{font-size:var(--font-size-sm);color:var(--category-color,var(--color-primary))}@media (max-width:1024px){.article-layout,.category-layout{grid-template-columns:1fr}.article-sidebar,.category-sidebar{display:none}.category-main .article-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-grid,.category-main .article-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr}.post-navigation{grid-template-columns:1fr}.author-box{flex-direction:column;text-align:center}.error-content__actions{flex-direction:column}}