:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #6582c4;--accent-hover: #3b58ac;--border: #e5e5e5;--shadow: rgba(0, 0, 0, 0.1);--card-bg: #ffffff}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #f5f5f5;--text-secondary: #b3b3b3;--accent: #6c92d2;--accent-hover: #1455a4;--border: #404040;--shadow: rgba(0, 0, 0, 0.3);--card-bg: #2d2d2d}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color 0.3s ease, color 0.3s ease}.container{max-width:1200px;margin:0 auto;padding:32px;padding-bottom:0;min-height:calc(100vh - 200px)}.btn,.post-category{display:inline-block;background-color:var(--accent);color:white;font-weight:600}.btn{padding:12px 24px;text-decoration:none;border-radius:6px;transition:background-color 0.3s ease}.btn:hover{background-color:var(--accent-hover)}footer{background-color:var(--card-bg);border-top:1px solid var(--border);text-align:center;padding:15px;margin-top:64px;color:var(--text-secondary)}.top-nav *,footer *,.post-category{user-select:none}.site-header{background-color:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px var(--shadow)}.site-header .top-nav{max-width:1200px;margin:0 auto;padding:15px 32px;display:flex;justify-content:space-between;align-items:center;gap:32px}.site-header .top-nav .nav-brand a{font-size:24px;font-weight:700;color:var(--accent);text-decoration:none}.site-header .top-nav .nav-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:32px}.site-header .top-nav .nav-menu{display:flex;list-style:none;gap:32px;flex:1}.site-header .top-nav .nav-menu a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color 0.3s ease}.site-header .top-nav .nav-menu a:hover{color:var(--accent)}.site-header .top-nav .nav-actions{display:flex;gap:12px}.site-header .top-nav .nav-button{background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.site-header .top-nav .nav-button:hover{transform:scale(1.1)}.dropDownMenu{display:none;flex-direction:column;gap:5px;background:none;border:none}.dropDownMenu span{width:25px;height:3px;background:var(--text-primary);display:block;border-radius:50px;transition:0.5s}.dropDownMenu.open span:first-child{-webkit-transform:rotate(-45deg) translate(6px, 8px);transform:rotate(45deg) translate(6px, 8px)}.dropDownMenu.open span:nth-child(2){opacity:0}.dropDownMenu.open span:last-child{-webkit-transform:rotate(45deg) translate(4px, -5px);transform:rotate(-45deg) translate(4px, -5px)}[data-theme=dark] .sun-icon{display:none}[data-theme=light] .moon-icon{display:none}[data-theme=dark] #dictionary i{color:#FFC83D}[data-theme=light] #dictionary i{color:#d3a62a}.post-category{padding:4px 12px;border-radius:4px;font-size:14px;text-transform:capitalize;margin-bottom:8px;margin-left:8px}.post-date{color:var(--text-secondary);font-size:14px}article.post-preview{background:var(--card-bg);padding:24px;border-radius:8px;border:1px solid var(--border);transition:transform 0.2s ease, box-shadow 0.2s ease}article.post-preview:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow)}article.post-preview h3{margin:8px 0}article.post-preview h3 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}article.post-preview h3 a:hover{color:var(--accent)}article.post{background:var(--card-bg);padding:48px;border-radius:12px;border:1px solid var(--border);margin:0 auto}article.post .post-header{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid var(--border)}article.post .post-header h1{font-size:40px;color:var(--text-primary);margin:15px 0}article.post .post-content{font-size:18px;line-height:1.8}article.post .post-content h2{color:var(--text-primary);margin:32px 0 15px;font-size:28px}article.post .post-content h3{color:var(--text-primary);margin:24px 0 12px;font-size:24px}article.post .post-content p{margin-bottom:15px;color:var(--text-primary)}article.post .post-content ul,article.post .post-content ol{margin:15px 0 15px 32px;color:var(--text-primary)}article.post .post-content li{margin-bottom:8px}article.post .post-content strong{color:var(--accent);font-weight:600}article.post .post-content code{background:var(--bg-secondary);padding:3.2px 6.4px;border-radius:4px;font-family:'Courier New', monospace}article.post .post-footer{margin-top:48px;padding-top:32px;border-top:2px solid var(--border);text-align:left}article.post .post-footer .back-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color 0.3s ease}article.post .post-footer .back-link:hover{color:var(--accent-hover)}.error-page{text-align:center;padding-top:20px}.error-page h1{line-height:40px;margin:30px 0 50px 0}.error-page p{text-wrap:balance;margin-bottom:30px}.hero{text-align:center;padding:64px 32px;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:white;border-radius:12px;margin-bottom:48px}.hero h1{font-size:48px;margin-bottom:15px}.hero .hero-subtitle{font-size:20px;opacity:0.95}.columns-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:32px;margin-bottom:64px}.columns-grid .grid-card{background:var(--card-bg);padding:32px;border-radius:12px;border:1px solid var(--border);text-align:center;transition:transform 0.3s ease, box-shadow 0.3s ease}.columns-grid .grid-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow)}.columns-grid .grid-card h2{color:var(--text-primary);margin-bottom:15px;font-size:28px}.columns-grid .grid-card p{color:var(--text-secondary);margin-bottom:24px}.recent-posts{margin-top:64px}.recent-posts h2{font-size:32px;margin-bottom:32px;color:var(--text-primary)}.row-list{display:grid;gap:24px}.category-page{margin:0 auto}.category-page .category-header{text-align:center;margin-bottom:48px}.category-page .category-header h1{font-size:40px;color:var(--text-primary);margin-bottom:8px}.category-page .category-header p{color:var(--text-secondary);font-size:18px}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.nav-menu{flex-wrap:wrap;gap:15px}.hero h1{font-size:32px}.hero-subtitle{font-size:15px}.columns-grid{grid-template-columns:1fr}.post{padding:24px}.post-header h1{font-size:28px}}@media (max-width: 650px){.top-nav{position:relative}.dropDownMenu{display:flex}.nav-content{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);flex-direction:column;align-items:stretch;padding:20px;text-align:center;overflow:hidden;max-height:0;opacity:0;transition:all 1s ease-in-out}.nav-content.active{max-height:500px;opacity:1;box-shadow:0 2px 4px var(--shadow)}.nav-menu{flex-direction:column;gap:16px}.nav-actions{justify-content:center;margin-top:10px}}