:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #eff6ff;--color-accent: #f59e0b;--color-text: #374151;--color-text-light: #6b7280;--color-text-muted: #9ca3af;--color-heading: #111827;--color-link: #2563eb;--color-body-bg: #ffffff;--color-bg: var(--color-body-bg, #ffffff);--color-bg-light: #f9fafb;--color-bg-warm: #fafaf9;--color-header-bg: #ffffff;--color-nav-bg: #ffffff;--color-nav-text: #6b7280;--color-nav-hover: #111827;--color-card-bg: #ffffff;--color-card-border: #e5e7eb;--color-sidebar-bg: #ffffff;--color-sidebar-text: #6b7280;--color-sidebar-heading: #111827;--color-footer-bg: #ffffff;--color-footer-text: #9ca3af;--color-footer-heading: #111827;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--font-family-serif: Georgia, 'Times New Roman', serif;--font-size-base: 16px;--font-size-sm: 0.875rem;--font-size-xs: 0.8125rem;--font-size-lg: 1.125rem;--line-height: 1.7;--letter-spacing: -0.011em;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius: 6px;--radius-sm: 4px;--radius-full: 999px;--shadow: none;--shadow-hover: 0 1px 4px rgba(0, 0, 0, 0.06);--transition: 0.15s ease;--transition-slow: 0.25s ease;--container-width: 1000px;--sidebar-width: 260px}.dark-mode{--color-text-light: #94a3b8;--color-text-muted: #64748b;--color-bg-light: #1e293b;--color-bg-warm: #1e293b;--color-border: #334155;--color-border-light: #1f2937;--shadow-hover: 0 1px 4px rgba(0, 0, 0, 0.3)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-body-bg);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}.container{max-width:var(--container-max-width, 1400px);margin:0 auto;padding:0 var(--spacing-5)}.layout{display:grid;gap:var(--spacing-10)}@media(min-width: 768px){.layout{grid-template-columns:1fr var(--sidebar-width)}}.content{min-width:0}.main-content{flex:1;padding:var(--spacing-10) 0}.page-title{font-size:1.375rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--spacing-6);color:var(--color-text)}.category-header,.tag-header{margin-bottom:var(--spacing-8)}.category-header h1,.tag-header h1{font-size:1.5rem;letter-spacing:-0.02em;margin-bottom:var(--spacing-2)}.category-header p,.tag-header p{color:var(--color-text-light);font-size:var(--font-size-sm)}.category-image{width:100%;height:140px;object-fit:cover;border-radius:var(--radius);margin-bottom:var(--spacing-4)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .sep{opacity:.4}.breadcrumb .current{opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.no-posts{text-align:center;padding:var(--spacing-12);color:var(--color-text-muted);font-size:var(--font-size-sm)}.error-page{text-align:center;padding:4rem var(--spacing-8) 5rem}.error-code{font-size:clamp(5rem,15vw,10rem);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-4)}.error-title{font-size:1.5rem;font-weight:700;color:var(--color-heading);margin-bottom:var(--spacing-4)}.error-text{color:var(--color-text-light);margin-bottom:var(--spacing-8);max-width:500px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-block;padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all var(--transition)}.btn-primary:hover{opacity:.9;color:#fff}.btn-outline{display:inline-block;padding:var(--spacing-3) var(--spacing-6);border:2px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-light);font-weight:600;transition:all var(--transition)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.posts-list{display:flex;flex-direction:column}.post-card{display:grid;gap:var(--spacing-5);padding:var(--spacing-6) 0;border-bottom:1px solid var(--color-border-light)}.post-card:first-child{padding-top:0}.post-card:last-child{border-bottom:none}@media(min-width: 480px){.post-card{grid-template-columns:180px 1fr}}.post-image{display:block;border-radius:var(--radius);overflow:hidden}.post-image img{width:100%;height:130px;object-fit:cover;transition:opacity var(--transition-slow)}@media(min-width: 480px){.post-image img{height:100%;min-height:120px}}.post-image:hover img{opacity:.85}.post-info{display:flex;flex-direction:column;justify-content:center}.post-category{display:inline-block;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);align-self:flex-start}.post-category:hover{text-decoration:none;color:var(--color-primary-dark)}.post-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2);line-height:1.4;letter-spacing:-0.02em}.post-title a{color:var(--color-text);transition:color var(--transition)}.post-title a:hover{color:var(--color-primary);text-decoration:none}.post-excerpt{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-3)}.post-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.post-date{color:var(--color-text-muted)}.post-link{font-weight:500;color:var(--color-primary)}.post-link:hover{text-decoration:underline}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-6)}.widget{background:var(--color-sidebar-bg);border-radius:var(--radius);padding:var(--spacing-5);border:1px solid var(--color-border-light)}.widget p{color:var(--color-sidebar-text);font-size:var(--font-size-sm);line-height:1.65}.widget-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-sidebar-heading);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.category-list li{border-bottom:1px solid var(--color-border-light)}.category-list li:last-child{border-bottom:none}.category-list li.active a{color:var(--color-primary);font-weight:600}.category-list a{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;color:var(--color-text);font-size:var(--font-size-sm);transition:color var(--transition)}.category-list a:hover{color:var(--color-primary);text-decoration:none}.category-list a span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.related-list li{border-bottom:1px solid var(--color-border-light)}.related-list li:last-child{border-bottom:none}.related-list a{display:block;padding:var(--spacing-3) 0;color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition)}.related-list a:hover{color:var(--color-primary);text-decoration:none}.related-list .related-date{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag{display:inline-block;background:var(--color-bg-light);color:var(--color-text-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--color-border-light);transition:all var(--transition)}.tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8);flex-wrap:wrap}.pagination-pages{display:flex;gap:var(--spacing-1)}.pagination-pages a,.pagination-pages span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem}.pagination-pages a:hover:not(.current):not(.pagination-dots),.pagination-pages span:hover:not(.current):not(.pagination-dots){border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.pagination-pages a.current,.pagination-pages span.current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-dots{border:none !important;color:var(--color-text-light) !important}.pagination-prev,.pagination-next{padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary);font-size:.875rem}.pagination-prev:hover,.pagination-next:hover{text-decoration:none;color:var(--color-primary-dark)}.pagination-info{text-align:center;margin-top:var(--spacing-3);color:var(--color-text-light);font-size:.8125rem}.header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-5) 0}@media(max-width: 767px){.header{position:relative}}.nav{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-0.03em}.logo:hover{text-decoration:none;color:var(--color-primary)}.logo img{height:32px;width:auto}.nav-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--spacing-2);color:var(--color-text-light);transition:color var(--transition)}.nav-toggle:hover{color:var(--color-text)}@media(min-width: 768px){.nav-toggle{display:none}}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-4);z-index:100}.nav-menu.active{display:block}@media(min-width: 768px){.nav-menu{display:flex;position:static;gap:var(--spacing-1);padding:0;border:none}}.nav-menu li a{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--color-nav-text);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition)}.nav-menu li a:hover{color:var(--color-nav-hover);background:var(--color-bg-light);text-decoration:none}.nav-search .search-form{display:flex}.nav-search .search-form input{width:140px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:var(--font-size-xs);background:var(--color-bg-light);transition:border-color var(--transition)}.nav-search .search-form input:focus{outline:none;border-color:var(--color-primary)}.nav-search .search-form button{padding:var(--spacing-2);background:none;border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;font-size:var(--font-size-xs)}@media(max-width: 767px){.nav-menu{flex-direction:column}.nav-menu li{border-bottom:1px solid var(--color-border-light)}.nav-menu li:last-child{border-bottom:none}.nav-menu li a{border-radius:0}}.footer{background:var(--color-footer-bg);border-top:1px solid var(--color-border);padding:var(--spacing-8) 0;margin-top:auto;text-align:center}.footer p{color:var(--color-footer-text);font-size:var(--font-size-xs)}.article{background:var(--color-bg);border-radius:var(--radius);padding:var(--spacing-8) var(--spacing-6);border:1px solid var(--color-border-light)}.article-header{margin-bottom:var(--spacing-8)}.article-header h1{font-size:2rem;line-height:1.25;letter-spacing:-0.03em;margin-bottom:var(--spacing-4);color:var(--color-text)}@media(min-width: 768px){.article-header h1{font-size:2.25rem}}.article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-meta a{color:var(--color-text-light)}.article-meta a:hover{color:var(--color-primary)}.article-image{width:100%;border-radius:var(--radius);margin-bottom:var(--spacing-8)}.article-body{font-size:1.0625rem;line-height:1.85;color:var(--color-text)}.article-body p{margin-bottom:1.5rem}.article-body h2{font-size:1.5rem;letter-spacing:-0.02em;margin:var(--spacing-10) 0 var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.article-body h3{font-size:1.25rem;letter-spacing:-0.01em;margin:var(--spacing-8) 0 var(--spacing-3)}.article-body ul,.article-body ol{margin:var(--spacing-4) 0 var(--spacing-6) var(--spacing-6);list-style:disc}.article-body ul li,.article-body ol li{margin-bottom:var(--spacing-2);line-height:1.7}.article-body ol{list-style:decimal}.article-body blockquote{border-left:2px solid var(--color-primary);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-6) 0;color:var(--color-text-light);font-family:var(--font-family-serif);font-style:italic;font-size:1.125rem;line-height:1.7;background:var(--color-bg-light);border-radius:0 var(--radius) var(--radius) 0}.article-body img{border-radius:var(--radius);margin:var(--spacing-6) 0}.article-body a{text-decoration:underline;text-underline-offset:2px}.article-body a:hover{text-decoration-thickness:2px}.article-tags{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light)}.article-tags strong{color:var(--color-text-light);font-size:var(--font-size-sm);margin-right:var(--spacing-3)}.article-source{margin-top:var(--spacing-5);padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius);color:var(--color-text-light);font-size:var(--font-size-sm)}.article-share{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.article-share strong{color:var(--color-text-light);font-size:var(--font-size-sm);margin-right:var(--spacing-2)}.article-share button{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-light);cursor:pointer;transition:all var(--transition)}.article-share button:hover{color:var(--color-primary);border-color:var(--color-primary)}.card-style-overlay .card,.card-style-overlay .post-card{position:relative;overflow:hidden;border:none}.card-style-overlay .card .card-image,.card-style-overlay .card .card-image-link,.card-style-overlay .post-card .card-image,.card-style-overlay .post-card .card-image-link{height:100%;min-height:280px}.card-style-overlay .card .card-body,.card-style-overlay .post-card .card-body{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4);background:linear-gradient(transparent, rgba(0, 0, 0, 0.8));color:#fff}.card-style-overlay .card .card-title a,.card-style-overlay .post-card .card-title a{color:#fff}.card-style-overlay .card .card-meta,.card-style-overlay .post-card .card-meta{color:hsla(0,0%,100%,.7)}.card-style-overlay .card .card-excerpt,.card-style-overlay .post-card .card-excerpt{color:hsla(0,0%,100%,.8)}.card-style-horizontal .card,.card-style-horizontal .post-card{display:grid;grid-template-columns:280px 1fr}.card-style-horizontal .card .card-image,.card-style-horizontal .card .card-image-link,.card-style-horizontal .post-card .card-image,.card-style-horizontal .post-card .card-image-link{height:100%;min-height:180px}@media(max-width: 640px){.card-style-horizontal .card,.card-style-horizontal .post-card{grid-template-columns:1fr}}.card-style-minimal .card,.card-style-minimal .post-card{background:rgba(0,0,0,0);border:none;box-shadow:none;border-radius:0;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-4)}.card-style-minimal .card .card-image,.card-style-minimal .card .card-image-link,.card-style-minimal .post-card .card-image,.card-style-minimal .post-card .card-image-link{border-radius:var(--radius-sm)}.card-style-bordered .card,.card-style-bordered .post-card{border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.heading-accent-line{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);background:none !important}.heading-accent-line h1{color:var(--color-heading)}.heading-gradient-banner{background:var(--gradient-primary) !important;padding:var(--spacing-8) var(--spacing-6);border-radius:var(--radius);color:#fff}.heading-gradient-banner h1,.heading-gradient-banner .breadcrumb,.heading-gradient-banner .breadcrumb a,.heading-gradient-banner p{color:#fff !important}.heading-underline{background:none !important;padding-bottom:var(--spacing-4);border-bottom:3px solid var(--color-primary)}.heading-underline h1{color:var(--color-heading)}.heading-minimal{background:none !important;padding:var(--spacing-4) 0}.heading-minimal h1{color:var(--color-heading);font-weight:400}.section-style-border-bottom .section-title,.section-title.style-border-bottom{border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-2)}.section-style-border-bottom .section-title::after,.section-title.style-border-bottom::after{display:none}.section-style-accent-left .section-title,.section-title.style-accent-left{border-left:4px solid var(--color-primary);padding-left:var(--spacing-3)}.section-style-accent-left .section-title::after,.section-title.style-accent-left::after{display:none}.section-style-badge .section-title,.section-title.style-badge{background:var(--color-primary);color:#fff;display:inline-block;padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-sm)}.section-style-badge .section-title::after,.section-title.style-badge::after{display:none}.section-style-dot .section-title::before,.section-title.style-dot::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--color-primary);margin-right:var(--spacing-2);vertical-align:middle}.section-style-dot .section-title::after,.section-title.style-dot::after{display:none}.posts-grid,.grid-container{display:grid;gap:var(--spacing-6)}.grid-desktop-1{grid-template-columns:repeat(1, 1fr)}.grid-desktop-2{grid-template-columns:repeat(2, 1fr)}.grid-desktop-3{grid-template-columns:repeat(3, 1fr)}.grid-desktop-4{grid-template-columns:repeat(4, 1fr)}@media(max-width: 1024px){.grid-tablet-1{grid-template-columns:repeat(1, 1fr)}.grid-tablet-2{grid-template-columns:repeat(2, 1fr)}.grid-tablet-3{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 640px){.grid-mobile-1{grid-template-columns:repeat(1, 1fr)}.grid-mobile-2{grid-template-columns:repeat(2, 1fr)}}.ratio-16-9 .card-image,.ratio-16-9 .card-image-link,.ratio-16-9 .post-thumbnail{aspect-ratio:16/9;object-fit:cover}.ratio-4-3 .card-image,.ratio-4-3 .card-image-link,.ratio-4-3 .post-thumbnail{aspect-ratio:4/3;object-fit:cover}.ratio-3-2 .card-image,.ratio-3-2 .card-image-link,.ratio-3-2 .post-thumbnail{aspect-ratio:3/2;object-fit:cover}.ratio-1-1 .card-image,.ratio-1-1 .card-image-link,.ratio-1-1 .post-thumbnail{aspect-ratio:1/1;object-fit:cover}.hover-lift .card:hover,.hover-lift .post-card:hover,.hover-lift .news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.hover-shadow .card:hover,.hover-shadow .post-card:hover,.hover-shadow .news-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15)}.hover-zoom .card:hover .card-image,.hover-zoom .post-card:hover .post-thumbnail,.hover-zoom .card:hover .card-image-link img,.hover-zoom .news-card:hover img{transform:scale(1.05)}.hover-none .card:hover,.hover-none .post-card:hover,.hover-none .news-card:hover{transform:none;box-shadow:var(--shadow-card)}.display-list{display:flex !important;flex-direction:column;gap:var(--spacing-4)}.display-list .card,.display-list .post-card,.display-list .news-card{display:grid;grid-template-columns:250px 1fr}@media(max-width: 640px){.display-list .card,.display-list .post-card,.display-list .news-card{grid-template-columns:120px 1fr}}.display-list .card .card-image,.display-list .card .card-image-link,.display-list .card .post-thumbnail,.display-list .post-card .card-image,.display-list .post-card .card-image-link,.display-list .post-card .post-thumbnail,.display-list .news-card .card-image,.display-list .news-card .card-image-link,.display-list .news-card .post-thumbnail{height:100%;min-height:160px}