:root{--bg:#fff8f8;--surface:#fffdf8;--text:#17151f;--muted:#5f5b70;--line:#17151f;--accent:#00a86b;--accent-strong:#0057b8;--warm:#ff4f81;--red:#e40303;--orange:#ff8c00;--yellow:#ffed00;--green:#008026;--blue:#004dff;--violet:#750787;--cyan:#42d7f5;--shadow:8px 8px 0 #17151f;--radius:0;--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", ui-serif, Georgia, "Times New Roman", serif;--font-pixel:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:linear-gradient(rgba(23,21,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,21,31,.055) 1px,transparent 1px),linear-gradient(135deg,rgba(228,3,3,.12),rgba(255,140,0,.1) 18%,rgba(255,237,0,.1) 34%,rgba(0,128,38,.1) 52%,rgba(0,77,255,.1) 70%,rgba(117,7,135,.12));background-color:var(--bg);background-size:18px 18px,18px 18px,auto;color:var(--text);font-family:var(--font-sans);line-height:1.75;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-color:rgba(47,111,98,.35);text-underline-offset:.2em}a:hover{color:var(--accent-strong);text-decoration-color:initial}img,svg{display:block;max-width:100%}code{border:1px solid var(--line);border-radius:0;background:#fff1a8;padding:.1em .35em;font-size:.92em}.container{width:calc(100% - 32px);max-width:980px;margin-inline:auto}.skip-link{position:absolute;left:16px;top:-48px;z-index:10;border-radius:6px;background:var(--text);color:#fff;padding:8px 12px}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:5;border-bottom:4px solid var(--line);background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow),var(--green),var(--blue),var(--violet))top/100% 6px no-repeat,rgba(255,253,248,.96);backdrop-filter:blur(8px)}.header-inner,.footer-inner,.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-inner{min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700;text-decoration:none}.brand-mark{display:block;width:34px;height:34px;object-fit:cover;border:3px solid var(--text);border-radius:0;box-shadow:4px 4px 0 var(--text)}.brand-text{white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;color:var(--muted);font-size:.95rem}.site-nav a{text-decoration:none}.site-nav a[aria-current=page]{color:var(--violet);font-weight:650}.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--line);background:linear-gradient(90deg,rgba(228,3,3,.22),rgba(255,140,0,.18),rgba(255,237,0,.18),rgba(0,128,38,.18),rgba(0,77,255,.18),rgba(117,7,135,.22)),radial-gradient(circle at 12% 24%,rgba(255,255,255,.85) 0 8px,transparent 9px),radial-gradient(circle at 84% 18%,rgba(255,255,255,.75) 0 10px,transparent 11px)}.hero-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:34px;padding:72px 0 70px}.hero-copy,.hero-art{min-width:0}.eyebrow{margin:0 0 10px;color:var(--violet);font-family:var(--font-pixel);font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:uppercase}.hero h1,.page-head h1,.article-header h1{margin:0;font-family:var(--font-pixel);font-weight:750;line-height:1.18}.hero h1{max-width:760px;font-size:clamp(2rem,4.8vw,4rem);overflow-wrap:anywhere;text-shadow:3px 3px 0 rgba(255,237,0,.75)}.multilingual-title{min-height:2.35em;transition:opacity 130ms steps(2,jump-none),transform 130ms steps(2,jump-none)}.multilingual-title.is-switching{opacity:.25;transform:translateY(2px)}.hero-copy>p,.hero p:last-child,.page-head p,.article-header p{max-width:680px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;overflow-wrap:anywhere}.intro-card{position:relative;overflow:hidden;border:3px solid var(--line);background:rgba(255,253,248,.94);box-shadow:7px 7px 0 var(--line);padding:28px}.pixel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pixel-actions a{border:3px solid var(--line);background:var(--cyan);box-shadow:4px 4px 0 var(--line);color:var(--text);font-family:var(--font-pixel);font-size:.95rem;font-weight:750;padding:9px 14px;text-decoration:none}.pixel-actions a:nth-child(2){background:var(--yellow)}.pixel-actions a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.hero-art{display:grid;place-items:center}.pixel-window{max-width:100%;width:100%;border:4px solid var(--line);background:var(--surface);box-shadow:9px 9px 0 var(--line)}.pixel-window-bar{display:flex;align-items:center;gap:8px;border-bottom:4px solid var(--line);background:#ffd7e5;padding:12px}.pixel-window-bar strong{min-width:0;margin-left:6px;overflow:hidden;color:var(--text);font-family:var(--font-pixel);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.pixel-window-bar span{width:16px;height:16px;border:3px solid var(--line);background:var(--red)}.pixel-window-bar span:nth-child(2){background:var(--yellow)}.pixel-window-bar span:nth-child(3){background:var(--green)}.pixel-rainbow{display:grid;grid-template-columns:repeat(6,1fr);height:130px;border-bottom:4px solid var(--line)}.pixel-rainbow span{display:block}.pixel-rainbow .red{background:var(--red)}.pixel-rainbow .orange{background:var(--orange)}.pixel-rainbow .yellow{background:var(--yellow)}.pixel-rainbow .green{background:var(--green)}.pixel-rainbow .blue{background:var(--blue)}.pixel-rainbow .violet{background:var(--violet)}.terminal-rainbow{display:grid;grid-template-columns:repeat(6,1fr);height:24px;border-bottom:4px solid var(--line)}.terminal-rainbow span{display:block}.terminal-rainbow .red{background:var(--red)}.terminal-rainbow .orange{background:var(--orange)}.terminal-rainbow .yellow{background:var(--yellow)}.terminal-rainbow .green{background:var(--green)}.terminal-rainbow .blue{background:var(--blue)}.terminal-rainbow .violet{background:var(--violet)}.pixel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.pixel-grid span{aspect-ratio:1;border:3px solid var(--line);background:#fff1a8}.pixel-grid span:nth-child(3n+1){background:#6fffc6}.pixel-grid span:nth-child(3n+2){background:#8ec8ff}.pixel-grid span:nth-child(4n){background:#ff9fce}.shell-window{cursor:text}.xterm-host{min-height:300px;overflow:hidden;background:#17151f;padding:14px}.xterm-host:focus{outline:4px solid var(--yellow);outline-offset:-4px}.xterm-host .xterm{height:100%}.xterm-host .xterm-viewport{scrollbar-color:var(--cyan)#211d2d}.about-tags{margin-top:18px}.life-motto{border-left:4px solid var(--violet);background:rgba(255,237,0,.16);color:var(--text);font-family:var(--font-pixel);font-size:.96rem;font-weight:750;padding:8px 12px}.life-motto::before{content:"> ";color:var(--warm)}.about-tags span{border:2px solid var(--line);background:#fff1a8;color:var(--text);font-family:var(--font-pixel);padding:3px 10px;font-size:.88rem}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.social-links a{display:grid;width:36px;height:36px;place-items:center;border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line);color:var(--text);font-family:var(--font-pixel);font-size:.92rem;font-weight:750;text-decoration:none}.social-links svg{width:20px;height:20px;fill:currentColor}.social-links span{line-height:1}.social-links a:hover{background:var(--yellow);color:var(--text);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.content-section{padding:44px 0 72px}.section-head{margin-bottom:24px}.section-head p{margin:8px 0 0;color:var(--muted)}.section-head h2,.empty-state h2{margin:0;font-family:var(--font-pixel);font-size:1.55rem}.section-head a{color:var(--blue);font-weight:650}.article-list{display:grid;gap:18px}.article-card,.empty-state,.term-card{border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.article-card{padding:24px}.article-card-title{display:inline-block;color:var(--text);font-family:var(--font-pixel);font-size:1.45rem;font-weight:750;line-height:1.3;text-decoration:none}.article-card p{margin:12px 0 0;color:var(--muted)}.friends-section{padding:0 0 76px}.friends-page{padding-top:18px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.friend-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;border:3px solid var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--line);color:var(--text);padding:16px;text-decoration:none}.friend-card:hover{background:#fff8c9;color:var(--text);transform:translate(2px,2px);box-shadow:3px 3px 0 var(--line)}.friend-avatar{display:grid;width:54px;height:54px;place-items:center;border:3px solid var(--line);background:linear-gradient(135deg,var(--cyan),var(--yellow));color:var(--text);font-family:var(--font-pixel);font-size:.95rem;font-weight:750;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-copy{min-width:0}.friend-copy strong{display:block;overflow:hidden;font-family:var(--font-pixel);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.friend-copy small{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--muted);font-size:.9rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.friends-more{margin-top:22px}.friends-more a{display:inline-block;border:3px solid var(--line);background:var(--yellow);box-shadow:4px 4px 0 var(--line);color:var(--text);font-family:var(--font-pixel);font-weight:750;padding:8px 12px;text-decoration:none}.friends-more a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.article-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;color:var(--muted);font-size:.92rem}.term-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.term-row a{border:2px solid var(--line);border-radius:0;background:#fff1a8;color:var(--text);font-family:var(--font-pixel);padding:3px 10px;font-size:.88rem;text-decoration:none}.page-head{padding:58px 0 22px}.page-head h1,.article-header h1{font-size:clamp(2rem,5vw,3.8rem)}.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.term-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:20px;text-decoration:none}.term-card strong{color:var(--accent-strong);font-size:1.4rem}.article{padding:58px 0 76px}.article-header{max-width:760px;margin-bottom:38px}.prose{max-width:760px;font-family:var(--font-sans);font-size:1.05rem;line-height:1.75;letter-spacing:.02em;text-align:justify}.prose>*{margin-top:0;margin-bottom:1.25em}.prose h2,.prose h3{margin-top:2.2em;margin-bottom:.85em;line-height:1.3;display:flex;align-items:center;border-bottom:2px dashed var(--line);padding-bottom:.4em}.prose h2::before{content:"";display:inline-block;width:10px;height:10px;background:var(--violet);margin-right:12px;box-shadow:2px 2px 0 var(--line);flex-shrink:0}.prose h2:nth-of-type(6n+1)::before,.prose h3:nth-of-type(6n+1)::before{background:var(--red)}.prose h2:nth-of-type(6n+2)::before,.prose h3:nth-of-type(6n+2)::before{background:var(--orange)}.prose h2:nth-of-type(6n+3)::before,.prose h3:nth-of-type(6n+3)::before{background:var(--yellow)}.prose h2:nth-of-type(6n+4)::before,.prose h3:nth-of-type(6n+4)::before{background:var(--green)}.prose h2:nth-of-type(6n+5)::before,.prose h3:nth-of-type(6n+5)::before{background:var(--blue)}.prose h2:nth-of-type(6n+6)::before,.prose h3:nth-of-type(6n+6)::before{background:var(--violet)}.prose h3::before{content:"";display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:10px;box-shadow:2px 2px 0 var(--line);flex-shrink:0;transform:translateY(-1px)}.prose h2{font-size:1.75rem}.prose h3{font-size:1.35rem}.prose blockquote{margin:2em 0;border:2px solid var(--line);background:rgba(255,237,0,5%);box-shadow:6px 6px 0 var(--line);padding:1.25rem 1.75rem;color:var(--muted);position:relative;font-style:italic}.prose blockquote::before{content:"“";position:absolute;top:-15px;left:10px;background:var(--yellow);border:2px solid var(--line);width:30px;height:30px;display:grid;place-items:center;color:var(--text);font-family:var(--font-pixel);font-weight:700;font-size:1.5rem;font-style:normal}.prose ul{padding-left:0}.prose ol{padding-left:1.5em;margin-bottom:1.25em}.prose ul li{list-style:none;position:relative;padding-left:1.5em;margin-bottom:.5em}.prose ol li{margin-bottom:.5em;list-style-type:decimal}.prose ul li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;background:var(--green);box-shadow:2px 2px 0 var(--line)}.prose ul li:nth-child(6n+1)::before{background:var(--red)}.prose ul li:nth-child(6n+2)::before{background:var(--orange)}.prose ul li:nth-child(6n+3)::before{background:var(--yellow)}.prose ul li:nth-child(6n+4)::before{background:var(--green)}.prose ul li:nth-child(6n+5)::before{background:var(--blue)}.prose ul li:nth-child(6n+6)::before{background:var(--violet)}.prose pre{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#282923;color:#f8f8f2;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.65}.prose pre code{border:0;background:0 0;padding:0;color:inherit}.prose table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:.95rem}.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}.article-tags{max-width:760px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}.empty-state{padding:28px}.empty-state p{margin-bottom:0;color:var(--muted)}.pagination{display:flex;gap:8px;padding:0;margin:28px 0 0;list-style:none}.pagination a{display:grid;min-width:36px;height:36px;place-items:center;border:2px solid var(--line);border-radius:0;background:var(--surface);text-decoration:none}.pagination .active a{background:var(--violet);color:#fff}.site-footer{border-top:4px solid var(--line);background:rgba(255,253,248,.9);color:var(--muted)}.footer-inner{min-height:82px}@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner,.footer-inner,.section-head{align-items:flex-start;flex-direction:column;gap:12px}.header-inner{padding:14px 0}.site-nav{justify-content:flex-start}.hero-inner{grid-template-columns:1fr;padding:46px 0 52px}.hero h1{font-size:clamp(2rem,10vw,2.75rem)}.hero-art{min-height:auto}.intro-card{padding:20px}.article-card,.empty-state{padding:20px}}