:root{--bg-color: #000000;--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--border-color: #27272a;--border-color-light: #3f3f46;--accent-color: #ffffff;--grid-line: rgba(255, 255, 255, 0.05);--grid-size: 60px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px),linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:center top}a{color:var(--accent-color);text-decoration:none;transition:color 0.2s ease, opacity 0.2s ease}a:hover{opacity:0.8}.container{max-width:800px;margin:0 auto;padding:0 20px}.page-content{flex:1 0 auto;padding:40px 0}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.page-content h1{font-size:2.5rem}.page-content h2{font-size:2rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem}.page-content h3{font-size:1.75rem}.page-content p,.page-content ul,.page-content ol,.page-content blockquote{margin-bottom:1.5rem}.page-content ul,.page-content ol{padding-left:2rem}.page-content li{margin-bottom:0.5rem}.page-content blockquote{border-left:4px solid var(--border-color-light);padding-left:1rem;color:var(--text-secondary);font-style:italic}.site-nav{position:sticky;top:0;z-index:100;background:rgba(0,0,0,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.site-nav .container{display:flex;align-items:center;justify-content:space-between;height:60px}.site-nav__logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.site-nav__logo img{border-radius:6px;object-fit:cover}.site-nav__logo:hover{opacity:0.8}.site-nav__links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.site-nav__links a{color:var(--text-secondary);font-size:0.9rem;font-weight:500;text-decoration:none;transition:color 0.2s ease}.site-nav__links a:hover,.site-nav__links a.active{color:var(--text-primary)}@media (max-width: 480px){.site-nav__logo span{display:none}.site-nav__links{gap:16px}}.site-header{padding:80px 0 40px;text-align:center;border-bottom:1px solid var(--border-color)}.site-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:10px}.site-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color);gap:15px}@media (max-width: 600px){.toolbar{flex-direction:column;align-items:stretch}}.search-bar{flex-grow:1;position:relative}.search-bar input{width:100%;background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:10px 15px 10px 35px;color:var(--text-primary);font-family:inherit;font-size:0.95rem}.search-bar input:focus{outline:none;border-color:var(--border-color-light)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar::before{content:"search";font-family:"Material Icons";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;width:16px;height:16px;color:transparent;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2352525b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center center}.toolbar-actions{display:flex;gap:10px}.toolbar-actions .btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px}.toolbar-actions .btn:hover{background:rgba(255,255,255,0.05);color:var(--text-primary)}.filters{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-color)}.filters a{color:var(--text-secondary);font-size:0.95rem;padding:5px 10px;border-radius:4px}.filters a.active,.filters a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1)}.post-list{list-style:none;margin:0;padding:0}.post-item{padding:30px 0;border-bottom:1px solid var(--border-color)}.post-item h2{font-size:1.4rem;font-weight:500;margin-bottom:8px}.post-item h2 a{color:var(--text-primary)}.post-item h2 a:hover{opacity:0.8}.post-item .post-excerpt{color:var(--text-secondary);font-size:1rem;margin-bottom:15px}.post-meta{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:0.85rem}.post-meta .post-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.post-meta .separator{color:var(--border-color-light)}.site-footer{margin-top:80px;padding:40px 0;border-top:1px solid var(--border-color)}.site-footer .footer-inner{display:grid;grid-template-columns:auto repeat(3, 1fr);gap:40px}@media (max-width: 768px){.site-footer .footer-inner{grid-template-columns:1fr}}.site-footer .footer-brand{color:var(--text-primary);font-size:1.5rem;font-weight:bold}.site-footer .footer-col h3{font-size:0.9rem;color:var(--text-primary);margin-bottom:15px}.site-footer .footer-col ul{list-style:none}.site-footer .footer-col li{margin-bottom:10px}.site-footer .footer-col a{color:var(--text-secondary);font-size:0.9rem}.site-footer .footer-col a:hover{color:var(--text-primary)}.post-header{margin-top:60px;margin-bottom:40px}.post-header h1{font-size:2.8rem;line-height:1.2;margin-bottom:20px}.post-header .post-meta{font-size:1rem}.post-header .post-meta .post-author-avatar{width:32px;height:32px}.post-content{font-size:1.1rem;color:var(--text-secondary)}.post-content p,.post-content ul,.post-content ol{margin-bottom:1.5em}.post-content h2,.post-content h3,.post-content h4{color:var(--text-primary);margin-top:2em;margin-bottom:0.8em}.post-content a{text-decoration:underline;text-decoration-color:var(--border-color-light);text-underline-offset:4px}.post-content a:hover{text-decoration-color:var(--text-primary)}.post-content pre,.post-content code{background:#111;border:1px solid var(--border-color);border-radius:4px}.post-content code{padding:0.2em 0.4em;font-size:0.9em}.post-content pre{padding:1em;overflow-x:auto}.post-content pre code{padding:0;border:none}.post-content blockquote{border-left:4px solid var(--border-color-light);padding-left:1em;color:var(--text-muted);font-style:italic}.post-card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px;margin-top:30px;margin-bottom:40px}.post-card{background:transparent;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}.post-card:hover{transform:translateY(-5px);border-color:var(--border-color-light);box-shadow:0 10px 20px rgba(0,0,0,0.5)}.post-card-content{padding:24px;display:flex;flex-direction:column;height:100%}.post-card-date{font-size:0.85rem;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em}.post-card-title{font-size:1.3rem;font-weight:600;margin:0 0 12px 0;line-height:1.3}.post-card-title .post-link{color:var(--text-primary);text-decoration:none}.post-card-title .post-link:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--border-color-light);text-underline-offset:4px}.post-card-excerpt{color:var(--text-secondary);font-size:0.95rem;line-height:1.5;margin:0;flex-grow:1}