:root{--bg-primary:#0a0e0a;--bg-secondary:#1a1f1a;--text-primary:#00ff41;--accent:#00ff41;--border:#2a332a;--shadow:rgba(0,255,65,.1);--header-gap:20px;--filter-gap:12px;--control-height:44px;--binary-color: rgba(80,255,140,.06)}[data-theme=light]{--bg-primary:#D3D3D3;--bg-secondary:#E9E9E9;--text-primary:#363636;--accent:#5E5E5E;--border:#878787;--shadow:rgba(54,54,54,.06);--binary-color:rgba(54,54,54,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}header{position:relative;display:flex;justify-content:flex-end;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.menu-toggle{width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.menu-toggle:hover{background:var(--border)}.menu-toggle.menu-open svg{transform:rotate(-90deg);transition:transform .2s ease}.menu-toggle svg{transition:transform .2s ease}.menu-dropdown-wrap{position:relative}.menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;z-index:1000}.menu-option{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.menu-option:hover{background:var(--border)}.menu-option:first-child{border-radius:8px 8px 0 0}.menu-option:last-child{border-radius:0 0 8px 8px;border-top:1px solid var(--border)}.theme-toggle,.filter-toggle{min-height:var(--control-height)}.filter-toggle .filter-count:empty{display:none}.filter-toggle.filters-active .filter-count{background:var(--bg-primary);color:var(--accent)}.filter-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px;width:var(--control-height);min-width:var(--control-height);border-radius:8px;appearance:none;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer}.filter-toggle .filter-icon{width:18px;height:18px;flex:0 0 auto}.filter-toggle .filter-count{position:absolute;top:-6px;right:-6px;min-width:18px;padding:2px 6px;font-size:11px;margin-left:0;background:#0000001f;color:var(--text-primary);border-radius:999px;font-weight:700;line-height:1;text-align:center}@media(min-width:1200px){.filter-toggle{padding:10px;width:auto;min-width:var(--control-height)}.filter-toggle .filter-count{right:-8px;top:-8px}}header .title{position:absolute;left:50%;transform:translate(-50%);margin:0;pointer-events:auto;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;gap:8px}header .title a{color:inherit;text-decoration:none;display:inline-flex;align-items:center}header .title{pointer-events:none}header .title a{pointer-events:auto}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:12px;transition:all .3s;flex:0 0 auto}.theme-toggle:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.switch{position:relative;width:40px;height:20px;background:var(--border);border-radius:10px;transition:background .3s}.switch:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);top:2px;left:2px;transition:transform .3s}[data-theme=light] .switch:before{transform:translate(20px)}.container,.article-container{position:relative;z-index:2}.main-content{display:flex;flex-direction:column;align-items:center;margin-left:0}body.article-open{max-height:100vh;overflow-y:auto;padding-bottom:40px}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body.article-open::-webkit-scrollbar{width:8px}body.article-open::-webkit-scrollbar-track{background:transparent}body.article-open::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}body.article-open::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.content-area{max-width:1100px;width:100%;margin:0 auto}.articles-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;margin-top:var(--header-gap);margin-bottom:20px}#articles-controls-root{display:flex;align-items:center;gap:20px}.sort-dropdown-wrap{position:relative}.sort-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:150px;height:44px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s}.sort-toggle:hover{background:var(--border)}.sort-icon{flex-shrink:0}.sort-label{font-weight:500;white-space:nowrap}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.arrow-up{transform:rotate(180deg)}.dropdown-arrow.arrow-down{transform:rotate(0)}.sort-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:150px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;z-index:1000}.sort-option{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.sort-option:hover{background:var(--border)}.sort-option.active{background:var(--accent);color:var(--bg-primary);font-weight:600}#articles-controls-root .filter-dropdown-wrap{position:relative}#articles-controls-root .filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:150px;height:44px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s}#articles-controls-root .filter-toggle:hover{background:var(--border)}#articles-controls-root .filter-toggle.filters-active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}#articles-controls-root .filter-icon{flex-shrink:0}#articles-controls-root .filter-label{font-weight:500;white-space:nowrap}#articles-controls-root .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-primary);border-radius:10px;font-size:12px;font-weight:600}#articles-controls-root .filter-toggle.filters-active .filter-count{background:var(--bg-primary);color:var(--accent)}#articles-controls-root .filter-panel{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:150px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);z-index:1000;display:none}#articles-controls-root .filter-panel[aria-hidden=false]{display:block}#articles-controls-root .filter-panel:before,#articles-controls-root .filter-panel:after{display:none}#articles-controls-root .filter-panel-body{padding:12px 16px;max-height:300px;overflow-y:auto}#articles-controls-root .filter-panel-body::-webkit-scrollbar{width:6px}#articles-controls-root .filter-panel-body::-webkit-scrollbar-track{background:transparent}#articles-controls-root .filter-panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#articles-controls-root .filter-panel-body::-webkit-scrollbar-thumb:hover{background:#464646}#articles-controls-root .tag-filter-list{display:flex;flex-direction:column;gap:4px}#articles-controls-root .tag-filter-list .filter-item{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s}#articles-controls-root .tag-filter-list .filter-item:hover{background:var(--border);transform:none;box-shadow:none}#articles-controls-root .tag-filter-list .filter-item.active{background:var(--accent);color:var(--bg-primary);border-color:transparent;font-weight:600;box-shadow:none}#articles-controls-root .filter-panel-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-start}#articles-controls-root .filter-clear-btn{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s}#articles-controls-root .filter-clear-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}@media(max-width:600px){.articles-controls{padding:0 16px;margin-bottom:16px}.sort-toggle,#articles-controls-root .filter-toggle{padding:8px 12px;font-size:13px}}.articles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-left:20px;padding-right:20px;margin-top:0;margin-bottom:20px}.article-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:transform .3s,box-shadow .3s;cursor:pointer}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow)}.article-image{height:180px;background:var(--border);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px 8px 0 0;overflow:hidden;font-size:16px}.article-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:inherit;background:var(--border)}.article-content{padding:25px}.article-date{font-size:13px;color:#9aa;margin-bottom:4px}.reading-time{font-size:12px;color:#888;margin-bottom:8px;display:block}.article-title{font-size:19px;margin-bottom:12px}.article-description{font-size:14px;color:#909090}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tag{padding:4px 12px;background:var(--bg-primary);border-radius:4px;font-size:12px;color:#a0a0a0}@media(max-width:1278px){.articles-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.articles-grid{grid-template-columns:1fr}}.pagination-container{display:flex;justify-content:center;padding:20px;margin-bottom:20px}.pagination{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);padding:12px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow)}.pagination-btn{min-width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:scale(1.05)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-first,.pagination-last{font-size:20px}.pagination-info{display:flex;align-items:center;gap:8px;padding:0 12px;font-family:Courier New,monospace;font-size:16px;color:var(--text-primary);min-width:80px;justify-content:center}.pagination-current{font-weight:700;color:var(--accent);font-size:18px}.pagination-separator{opacity:.5}.pagination-total{opacity:.7}@media(max-width:600px){.pagination{gap:12px;padding:10px 16px}.pagination-btn{min-width:40px;height:40px;font-size:16px}.pagination-first,.pagination-last{font-size:18px}.pagination-info{font-size:14px;padding:0 8px;min-width:60px}.pagination-current{font-size:16px}}#article-view{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:20px;color:var(--text-primary)}#article-view .article-frame{width:100%;max-width:none;margin:0;padding:0;background:transparent;border:none;box-shadow:none}#article-view .article-frame>.back-link{margin-bottom:18px}.article-container{max-width:900px;margin:28px auto;padding:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #00000040;color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.75;font-size:17px;z-index:4}.article-container>.back-link,#article-view .back-link{display:inline-block;margin-bottom:18px;background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:8px;cursor:pointer}.article-container h1{font-size:32px;margin:6px 0;color:var(--text-primary);letter-spacing:-.2px}.article-container .meta{display:flex;gap:12px;align-items:center;margin-bottom:20px;color:#fffc;font-size:13px}[data-theme=light] .article-container .meta{color:var(--text-primary)!important}.article-container .meta .tag{background:var(--bg-primary);color:#cfcfcf;padding:4px 10px;border-radius:6px;font-size:12px}.article-container article{color:var(--text-primary);font-size:17px}.article-container article p{margin:0 0 16px;color:#ffffffd9}.article-container article ul,.article-container article ol{margin:0 0 18px 1.15em;color:#ffffffe6}.article-container article h2{font-size:20px;margin:22px 0 10px;color:var(--accent)}.article-container article h2.collapsible{-webkit-user-select:none;user-select:none}.article-container article h2.collapsed:hover{opacity:.8}.article-container article h3{font-size:18px;margin:18px 0 8px;color:var(--text-primary)}.article-container article img,.article-container article figure{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:10px;box-shadow:0 8px 24px #00000038}.article-container article blockquote{border-left:4px solid var(--accent);margin:16px 0;padding:10px 14px;background:#0000000a;color:#ffffffe6;border-radius:6px}.article-container article code{background:#0000001f;color:#fffffff2;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.92em}.article-container article pre{background:#0000001f;padding:14px;border-radius:10px;overflow:auto;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.9em;line-height:1.45;border:1px solid rgba(0,0,0,.15)}.article-container article pre code{color:#fffffff2}.article-container a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.command-section{margin:0 0 20px}.command-title{font-weight:600;color:#fffffff2;margin:0 0 8px;font-size:15px}.command-desc{color:#ffffffbf;font-size:14px;margin:8px 0 0}.article-container[data-collapsible=true] article .collapsible:after{margin-left:10px;font-size:14px;transition:all .3s ease;display:inline-block}.article-container[data-collapsible=true] article .collapsible.collapsed:after{content:"▶"}.article-container[data-collapsible=true] article .collapsible:not(.collapsed):after{content:"▼"}[data-theme=light] .article-container article code{color:var(--text-primary);background:#0000000f}[data-theme=light] .article-container article pre code{color:var(--text-primary)}[data-theme=light] .command-title{color:var(--text-primary)}[data-theme=light] .command-desc{color:#6f6f6f}.info-table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px;color:var(--text-primary)}.info-table th,.info-table td{text-align:left;padding:10px 12px;vertical-align:top}.info-table th{width:33.333%;color:#fffc;font-weight:600;background:transparent}.info-table td{width:66.666%;color:#fffffff2}.info-table tr+tr th,.info-table tr+tr td{border-top:1px solid var(--border)}[data-theme=light] .info-table th{color:#55606a}[data-theme=light] .info-table td{color:#2c3e50}.article-container article .article-link{display:inline-block;color:var(--accent);background:#ffffff05;border:1px solid transparent;padding:6px 10px;border-radius:8px;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;font-weight:600;margin:6px 0}.article-container article .article-link:hover,.article-container article .article-link:focus{transform:translateY(-3px);box-shadow:0 10px 30px #0000002e;background:#ffffff09;border-color:#ffffff0d}[data-theme=light] .article-container article .article-link{background:#00000008;border-color:#0000000a;color:var(--accent)}[data-theme=light] .article-container article .article-link:hover{box-shadow:0 8px 18px #0000000f;transform:translateY(-2px)}@media(max-width:900px){.article-container{margin:18px 16px;padding:20px}.article-container h1{font-size:26px}}.article-container:before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent),rgba(0,0,0,.15));opacity:.9}#article-view .article-container{position:relative}#binary-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:normal}#binary-bg .bit{position:absolute;top:-5%;color:var(--binary-color);font-family:monospace;-webkit-user-select:none;user-select:none;will-change:transform,opacity;text-shadow:0 0 4px var(--binary-color);z-index:0;animation-name:binary-fall,binary-fade;animation-timing-function:linear;animation-iteration-count:infinite;opacity:.9}@keyframes binary-fall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}@keyframes binary-fade{0%{opacity:0}10%{opacity:.9}90%{opacity:.4}to{opacity:0}}li{margin:4px 0}[data-theme=light] .article-container,[data-theme=light] .article-container article,[data-theme=light] .article-container article p,[data-theme=light] .article-container article li,[data-theme=light] .article-container article ul,[data-theme=light] .article-container article ol,[data-theme=light] .article-container article h1,[data-theme=light] .article-container article h2,[data-theme=light] .article-container article h3,[data-theme=light] .article-container article td,[data-theme=light] .article-container article th{color:var(--text-primary)!important}[data-theme=light] .tag{background:var(--accent)!important;color:var(--bg-primary)!important;border-color:#0000000f}[data-theme=light] .article-date{color:var(--accent)!important}[data-theme=light] .reading-time{color:#666!important}[data-theme=light] .article-description{color:#6f6f6f}@media(max-width:1278px){header{justify-content:space-between;padding-left:16px;padding-right:16px;gap:12px;flex-wrap:wrap;align-items:center}header>.title,header .title{position:static;transform:none;margin:0;font-size:1.05rem;color:var(--text-primary);display:block;text-align:center;overflow-wrap:break-word;white-space:normal;word-break:break-word;max-width:33%}.theme-toggle{flex:0 0 auto;white-space:nowrap}.main-content{margin-left:0}.container{overflow-x:hidden}.articles-grid{margin-top:20px}}@media(max-width:600px){#binary-bg .bit{opacity:.09}}@media(max-width:600px){.theme-toggle .switch{display:none}.theme-toggle{padding-left:12px;padding-right:12px}}.scroll-top{position:fixed;left:var(--scroll-left, auto);right:var(--scroll-right, 20px);bottom:22px;z-index:9999;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg-primary);border:none;border-radius:50%;box-shadow:0 6px 20px #0003;cursor:pointer;font-size:20px;line-height:1;opacity:0;pointer-events:none;transition:transform .15s,opacity .3s,left .12s,right .12s}.scroll-top:hover{transform:translateY(-3px)}.site-footer,.about-footer{text-align:center;margin-top:20px;padding-top:20px}.site-footer .copyright,.about-footer .copyright{color:var(--text-primary);opacity:.6;font-size:.9rem;margin-bottom:10px}.site-footer .social-links,.about-footer .social-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.site-footer .social-link,.about-footer .social-link{color:var(--accent);text-decoration:none;padding:10px;border-radius:8px;transition:all .2s}.site-footer .social-link:hover,.about-footer .social-link:hover{background:var(--accent);color:var(--bg-primary)}.site-footer .social-link svg,.about-footer .social-link svg{width:24px;height:24px}