:root{color-scheme:dark;--bg: #060b10;--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--text: #f3f5f7;--muted: #9aa4af;--soft: #c8d0d9;--cyan: #00f5d4;--blue: #3b82f6;--green: #45d483;--amber: #f6c453;--coral: #ff7a6b;--purple: #a78bfa;--danger: #ff6978;--page-gradient-a: rgba(0, 245, 212, .09);--page-gradient-b: rgba(59, 130, 246, .06);--page-gradient-start: #070d13;--page-gradient-end: #05080d;--topbar-bg: rgba(6, 11, 16, .8);--control-bg: rgba(255, 255, 255, .055);--control-hover-bg: rgba(255, 255, 255, .09);--subtle-bg: rgba(255, 255, 255, .05);--code-bg: #0b0f14;--code-text: #dbeafe;--code-head-bg: rgba(255, 255, 255, .045);--code-inline-bg: rgba(0, 245, 212, .1);--code-inline-text: #7ffceb;--editor-bg: rgba(0, 0, 0, .22);--modal-backdrop: rgba(0, 0, 0, .48);--modal-bg: rgba(18, 19, 23, .94);--radius: 8px;--shadow: 0 20px 80px rgba(0, 0, 0, .28);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% -6%,var(--page-gradient-a),transparent 28%),radial-gradient(circle at 86% 0%,var(--page-gradient-b),transparent 30%),linear-gradient(180deg,var(--page-gradient-start) 0%,var(--page-gradient-end) 100%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(320px,1fr);align-items:center;gap:32px;height:70px;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar-actions,.nav-tabs{display:flex;align-items:center}.brand{gap:14px;width:max-content}.brand-mark{display:inline-flex;width:24px;height:30px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--cyan);font-family:JetBrains Mono,Consolas,monospace;font-size:0}.brand-mark:before{content:">";font-size:34px;font-weight:700;line-height:1;text-shadow:0 0 18px rgba(0,245,212,.58)}.brand strong,.brand small{display:inline}.brand strong{font-size:19px}.brand small{color:var(--text);font-size:19px;font-weight:700}.brand strong:after{content:" / "}.nav-tabs{gap:56px;padding:0;border:0;border-radius:0;background:transparent}.nav-tabs a{position:relative;min-width:auto;padding:25px 0 23px;border-radius:0;color:var(--muted);text-align:center;transition:color .16s ease,background .16s ease}.nav-tabs a.is-active{color:var(--text)}.nav-tabs a.is-active:after{position:absolute;left:50%;bottom:0;width:44px;height:3px;content:"";border-radius:999px 999px 0 0;background:var(--cyan);box-shadow:0 0 18px #00f5d49e;transform:translate(-50%)}.topbar-actions{justify-content:flex-end;gap:10px}.command-trigger,.icon-button,.tool-action,.copy-code,.mobile-menu-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease}.command-trigger:hover,.icon-button:hover,.tool-action:hover,.copy-code:hover,.mobile-menu-button:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--control-hover-bg)}.command-trigger{display:flex;align-items:center;min-width:238px;gap:14px;padding:10px 14px;color:var(--muted);justify-content:flex-start}.command-trigger svg{width:18px;height:18px}kbd{padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:#00000038;color:var(--soft);font-family:JetBrains Mono,Consolas,monospace;font-size:11px}.icon-button{display:grid;width:38px;height:38px;place-items:center;color:var(--soft);font-size:13px}.icon-button svg{width:18px;height:18px}.language-control{position:relative}.language-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:45;display:grid;width:168px;gap:4px;padding:7px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--modal-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 11px;border:0;border-radius:6px;background:transparent;color:var(--soft);text-align:left}.language-menu button:hover,.language-menu button:focus-visible,.language-menu button[aria-checked=true]{background:var(--control-hover-bg);color:var(--text);outline:none}.language-menu button svg{width:16px;height:16px;opacity:0}.language-menu button[aria-checked=true] svg{opacity:1;color:var(--cyan)}.mobile-menu-button{display:none;min-height:38px;padding:0 12px;color:var(--soft);font-size:13px}.page-host{width:min(1340px,calc(100% - 40px));margin:0 auto;padding:58px 0 64px}.page-host:focus{outline:none}.site-record-footer{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.site-record-footer a{transition:color .15s ease}.site-record-footer a:hover,.site-record-footer a:focus-visible{color:var(--cyan);outline:none;text-decoration:underline;text-underline-offset:4px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.data-badge{position:fixed;right:14px;top:82px;z-index:70;display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-bottom:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;color:var(--muted);font-size:12px;opacity:.56;pointer-events:none;transform:scale(.9);transform-origin:right top;transition:opacity .16s ease}.data-badge strong{color:var(--soft)}.data-badge.real{border-color:#45d48357}.data-badge.real strong{color:var(--green)}.data-badge.error{border-color:#ff69785c}.data-badge.error strong{color:var(--danger)}.home-board{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;align-items:stretch}.profile-hero{display:grid;grid-column:span 4;grid-row:1;grid-template-columns:minmax(248px,1fr) 1px 132px;gap:20px;align-content:start;min-height:284px;padding:22px 0 0}.profile-copy{min-width:0}.hero-title-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.hero-title-row h1{margin:0;font-size:clamp(34px,3vw,42px);line-height:1.05;letter-spacing:0;white-space:nowrap}.online-mark{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap;font-size:13px}.online-mark i{width:8px;height:8px;border-radius:50%;background:#6fe678;box-shadow:0 0 18px #6fe678d9}.profile-copy strong{display:block;color:var(--soft);font-size:18px;font-weight:500}.profile-copy p{max-width:310px;margin:22px 0 18px;color:var(--muted);line-height:1.75}.github-line{display:inline-flex;align-items:center;gap:10px;color:#57a7ff;font-size:14px}.github-line span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f7f7f7;color:#080b10;font-size:10px;font-weight:800}.github-line svg{display:block;width:14px;height:14px;stroke:#080b10}.github-line b{font-weight:500}.github-line i,.home-footer-strip i{font-style:normal;color:var(--muted)}.profile-divider{width:1px;height:80px;margin-top:72px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent)}.profile-avatar-frame{width:132px;height:132px;margin-top:50px;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:var(--subtle-bg);box-shadow:0 18px 50px #00000061}.profile-avatar{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.profile-stats{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.profile-stats span{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center;color:var(--muted);font-size:12px}.profile-stats svg{display:block;grid-row:span 2;width:24px;height:24px;color:color-mix(in srgb,var(--amber),var(--cyan) 20%);stroke:currentColor;opacity:.9}.profile-stats strong{grid-column:2;color:color-mix(in srgb,var(--accent, #f6b94c),white 16%);font-size:14px;font-weight:600}.home-footer-strip{display:grid;grid-column:1 / -1;grid-template-columns:1.6fr 1fr .55fr;gap:24px;align-items:center;min-height:104px;padding:24px 34px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;box-shadow:inset 0 1px #ffffff0a}.home-footer-strip blockquote{position:relative;margin:0;padding-left:58px;border-left:2px solid var(--cyan);color:var(--soft);font-size:18px;line-height:1.65}.home-footer-strip blockquote:before{position:absolute;left:28px;top:-10px;content:"“";color:#ffffff29;font-size:70px;line-height:1}.home-footer-strip div{display:grid;gap:10px}.home-footer-strip span{color:var(--muted);font-size:12px}.home-footer-strip a{color:var(--soft)}.home-footer-strip a:before{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--amber);content:"";vertical-align:middle}.home-footer-strip time{color:#748091}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2,.section-heading h1{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:0}.section-heading p{margin:7px 0 0;color:var(--muted);line-height:1.6}.skill-grid{display:contents}.skill-card{position:relative;min-height:194px;padding:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent),transparent 46%);border-radius:var(--radius);background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--accent),transparent 78%),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent),transparent 92%),#ffffff09 52%),#ffffff09;text-align:left;box-shadow:inset 0 1px #ffffff0f;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.skill-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),white 20%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 80%),#ffffff0f 48%),#ffffff13;box-shadow:0 18px 48px color-mix(in srgb,var(--accent),transparent 88%)}.skill-card.language,.skill-card.database{grid-column:span 3}.skill-card.language{grid-column:1 / span 4;grid-row:2}.skill-card.framework{grid-column:5 / span 4;grid-row:1 / span 2;min-height:448px}.skill-card.ops{grid-column:9 / span 4;grid-row:1 / span 2;min-height:448px}.skill-card.middleware{grid-column:1 / span 4;grid-row:3}.skill-card.database{grid-column:5 / span 4;grid-row:3}.skill-card.ai{grid-column:9 / span 4;grid-row:3}.skill-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent),transparent 70%),transparent 38%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.1) 49%,transparent 52% 100%);opacity:.75;pointer-events:none;animation:card-shimmer 6.2s ease-in-out infinite;animation-delay:var(--lift-delay, 0ms)}.skill-card:after{position:absolute;right:-24px;bottom:-22px;width:118px;height:76px;content:"";border:1px solid color-mix(in srgb,var(--accent),transparent 58%);border-radius:18px;transform:rotate(-16deg);opacity:.22;pointer-events:none}.skill-card>*{position:relative;z-index:1}.skill-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text)}.skill-title span:first-child{display:inline-flex;align-items:center;gap:16px;color:var(--accent);font-weight:700}.skill-title strong,.skill-title small{display:block}.skill-title strong{color:var(--text);font-size:24px;line-height:1.1}.skill-title small{margin-top:7px;color:var(--muted);font-size:14px;font-weight:400}.skill-icon{display:grid;flex:0 0 56px;width:56px;height:56px;place-items:center;border:0;border-radius:14px;color:var(--accent)!important;opacity:.98;text-shadow:0 0 24px color-mix(in srgb,var(--accent),transparent 25%)}.skill-icon svg{display:block;width:52px;height:52px;color:var(--accent)!important;stroke:var(--accent)!important;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent),transparent 28%));stroke-width:2.6}.skill-icon svg *{stroke:var(--accent)!important}.skill-summary{margin:12px 0 0;color:var(--muted);line-height:1.6}.skill-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;transform:translateY(0);opacity:1;transition:transform .22s ease}.skill-card:hover .skill-tags{transform:translateY(-2px)}.tag{min-width:104px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--accent),transparent 62%);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.075),transparent),color-mix(in srgb,var(--accent),transparent 88%);color:var(--text);font-family:JetBrains Mono,Consolas,monospace;font-size:14px;text-align:center;transition:transform .16s ease,background .16s ease,border-color .16s ease}.tag:before{display:inline-block;width:7px;height:7px;margin-right:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent),transparent 15%);content:""}.skill-visual{display:block;width:calc(100% + 52px);height:170px;margin:32px -26px 0;object-fit:cover;opacity:.82;-webkit-mask-image:linear-gradient(90deg,transparent,black 10% 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10% 90%,transparent)}.skill-meter{display:block;margin-top:24px;height:3px;overflow:hidden;border-radius:999px;background:#ffffff1a}.skill-meter i{display:block;width:16%;height:100%;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 30%)}.ops-console{display:grid;gap:14px;margin:76px -26px -26px;padding:34px 34px 32px;border-top:1px solid color-mix(in srgb,var(--accent),transparent 58%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent),transparent 92%),#0000001a)}.ops-console code{color:#95f0c0;font-family:JetBrains Mono,Consolas,monospace}.ops-console span{color:var(--soft)}.ops-console div{display:flex;gap:12px}.ops-console i{display:block;width:22px;height:22px;border-radius:3px;background:color-mix(in srgb,var(--text),transparent 88%);opacity:.28;animation:ops-block-cycle 2.7s infinite ease-in-out;animation-delay:calc(var(--block-index) * .12s)}@keyframes ops-block-cycle{0%,70%,to{opacity:.28;transform:translateY(0);box-shadow:none}20%,42%{opacity:1;transform:translateY(-3px);background:#79efb6;box-shadow:0 0 18px #79efb6b8}}.tag:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent),white 12%);background:color-mix(in srgb,var(--accent),transparent 82%)}@keyframes card-shimmer{0%,to{opacity:.55;transform:translate(0)}50%{opacity:.9;transform:translate(8px)}}.docker-loader{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.docker-loader i{width:9px;height:9px;border-radius:3px;background:var(--green);opacity:.35;animation:load-block 1.45s infinite ease-in-out}.docker-loader i:nth-child(2){animation-delay:.12s}.docker-loader i:nth-child(3){animation-delay:.24s}.docker-loader i:nth-child(4){animation-delay:.36s}@keyframes load-block{0%,to{opacity:.28;transform:translateY(0)}45%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.skill-card:before,.docker-loader i,.ops-console i{animation:none;opacity:1;transform:none}.ops-console i{opacity:.82;background:#79efb6;box-shadow:none;transform:none}}.blog-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 220px;gap:18px;align-items:start}.blog-layout>*{min-width:0}.blog-side,.toc-panel,.article-panel,.tool-panel{min-width:0;padding:18px}.blog-side *,.toc-panel *{min-width:0}.tree-button,.article-link,.toc-link,.tool-tab{width:100%;border:0;background:transparent;color:var(--muted);text-align:left}.tree-button{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:6px;transition:background .15s ease,color .15s ease;overflow-wrap:anywhere}.tree-button span:first-child{min-width:0;overflow-wrap:anywhere}.tree-button:hover,.tree-button.is-active{background:#ffffff12;color:var(--text)}.tree-children{display:grid;gap:6px;margin:6px 0 10px 12px;padding-left:12px;border-left:1px solid var(--line)}.tree-group.is-collapsed .tree-children{display:none}.article-list{display:grid;gap:8px}.blog-search{display:grid;gap:8px;margin-bottom:8px}.blog-search input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;color:var(--text);outline:none}.search-notice{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.6}.article-link{padding:10px;border:1px solid transparent;border-radius:6px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.article-link:hover,.article-link.is-active{border-color:var(--line);background:#ffffff0d;color:var(--text)}.article-link small{display:-webkit-box;overflow:hidden;margin-top:4px;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-link strong{display:block;overflow-wrap:anywhere}.reading-progress{position:sticky;top:72px;z-index:4;height:2px;margin:-18px -18px 18px;background:#ffffff14}.reading-progress span{display:block;width:var(--progress, 0%);height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.article-content{width:min(100%,780px);margin:0 auto;color:var(--soft);line-height:1.75;overflow-wrap:anywhere}.article-panel{background:color-mix(in srgb,var(--panel),var(--bg) 8%)}.article-content h1,.article-content h2,.article-content h3{scroll-margin-top:92px;color:var(--text);letter-spacing:0}.article-content h1{margin-top:0;font-size:clamp(28px,3vw,42px)}.article-content h2{margin-top:34px;font-size:24px}.article-content h3{margin-top:26px;font-size:18px}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content table,.article-content pre{margin-block:1.15em}.article-content ul,.article-content ol{padding-left:1.5rem}.article-content li+li{margin-top:.45em}.article-content blockquote{margin-inline:0;padding:12px 18px;border-left:3px solid var(--cyan);background:color-mix(in srgb,var(--cyan),transparent 94%);color:var(--soft)}.article-content a{color:color-mix(in srgb,var(--cyan),var(--text) 22%);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.article-content :not(pre)>code{padding:.16em .38em;border:1px solid var(--line);border-radius:5px;background:var(--code-inline-bg);color:var(--code-inline-text);font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}.article-content img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:var(--radius)}.article-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{min-width:120px;padding:10px 12px;border:1px solid var(--line);text-align:left}.article-content th{background:var(--control-bg);color:var(--text)}.article-cover{aspect-ratio:16 / 9;width:min(100%,780px);margin:0 auto 28px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg)}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}.code-block{overflow:hidden;margin:18px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);max-width:100%}.code-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--code-head-bg);color:var(--muted);font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.copy-code{padding:5px 8px;border:1px solid var(--line);background:var(--control-bg);color:var(--soft);font-size:12px}pre{margin:0;padding:16px;overflow:auto;color:var(--code-text);font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.65}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section{color:#c792ea}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-attribute{color:#82aaff}.hljs-string,.hljs-regexp,.hljs-meta .hljs-string{color:#c3e88d}.hljs-number,.hljs-symbol,.hljs-bullet{color:#f78c6c}.hljs-comment,.hljs-quote{color:#697098;font-style:italic}.hljs-built_in,.hljs-type,.hljs-meta,.hljs-variable{color:#ffcb6b}.toc-panel{position:sticky;top:92px}.toc-panel h3,.blog-side h3,.tool-panel h2{margin:0 0 14px}.toc-list{display:grid;gap:7px}.toc-link{padding:7px 8px;border-left:2px solid transparent;border-radius:0 6px 6px 0;overflow-wrap:anywhere;word-break:break-word}.toc-link.level-3{padding-left:18px;font-size:12px}.toc-link.is-active{border-left-color:var(--cyan);background:#00f5d412;color:var(--text)}.tools-shell{display:grid;gap:18px}.tool-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.tool-tab{width:auto;padding:10px 14px;border-radius:6px;transition:background .15s ease,color .15s ease}.tool-tab.is-active{background:#ffffff1a;color:var(--text)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-wrap{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#00000038}.editor-label{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.editor{display:grid;grid-template-columns:42px 1fr}.line-numbers{min-height:320px;padding:14px 0;border-right:1px solid var(--line);color:#ffffff40;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6;text-align:center;-webkit-user-select:none;user-select:none}textarea{width:100%;min-height:320px;resize:vertical;border:0;outline:none;padding:14px;background:transparent;color:var(--text);font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tool-action{padding:9px 12px}.tool-status{margin-top:12px;color:var(--muted)}.tool-status.is-ok{color:var(--green)}.tool-status.is-error{color:var(--danger)}.simple-tool{display:grid;gap:14px}.simple-tool input,.command-input-wrap input{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;color:var(--text);outline:none}.simple-tool input{padding:14px}.timestamp-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timestamp-operation{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--subtle-bg)}.timestamp-operation h3{margin:0;color:var(--text);font-size:16px}.timestamp-operation input{width:100%;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);color:var(--text)}.result-list{display:grid;gap:10px}.result-row{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel),transparent 18%);color:var(--soft)}.result-row strong{color:var(--muted);font-weight:500}.result-row span{min-width:0;overflow-wrap:anywhere;text-align:right}.command-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:start center;padding-top:12vh;background:var(--modal-backdrop)}.command-palette{width:min(680px,calc(100% - 32px));overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--modal-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.command-input-wrap{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line);color:var(--muted)}.command-input-wrap input{padding:12px}.command-results{max-height:360px;overflow:auto;padding:8px}.command-result{display:grid;gap:3px;width:100%;padding:12px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left}.command-result:hover,.command-result.is-selected{background:#ffffff14}.command-result small{color:var(--muted)}.empty-state,.skeleton{padding:18px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .96);--line: rgba(29, 43, 64, .14);--line-strong: rgba(29, 43, 64, .26);--text: #111827;--muted: #596579;--soft: #263548;--cyan: #008f83;--blue: #2563eb;--green: #198754;--amber: #a56400;--coral: #c24132;--purple: #6d42c7;--danger: #c93648;--page-gradient-a: rgba(0, 143, 131, .12);--page-gradient-b: rgba(37, 99, 235, .09);--page-gradient-start: #f8fafc;--page-gradient-end: #edf2f8;--topbar-bg: rgba(248, 250, 252, .88);--control-bg: rgba(255, 255, 255, .78);--control-hover-bg: rgba(29, 43, 64, .08);--subtle-bg: rgba(29, 43, 64, .05);--code-bg: #f1f5f9;--code-text: #243146;--code-head-bg: rgba(29, 43, 64, .045);--code-inline-bg: rgba(0, 143, 131, .09);--code-inline-text: #006d63;--editor-bg: rgba(241, 245, 249, .9);--modal-backdrop: rgba(29, 43, 64, .28);--modal-bg: rgba(255, 255, 255, .97);--shadow: 0 20px 70px rgba(31, 45, 65, .18)}[data-theme=light] .skill-card{background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--accent),transparent 84%),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent),transparent 94%),#ffffffb3 52%),#ffffffb3;box-shadow:inset 0 1px #ffffffe6}[data-theme=light] .skill-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 88%),#ffffffeb 48%),#ffffffe0}[data-theme=light] .ops-console,[data-theme=light] .editor-wrap{background:var(--editor-bg)}[data-theme=light] .line-numbers{color:#1d2b4066}[data-theme=light] .code-block{box-shadow:inset 0 1px #fffc}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section{color:#7c3fb4}[data-theme=light] .hljs-title,[data-theme=light] .hljs-title.class_,[data-theme=light] .hljs-title.function_,[data-theme=light] .hljs-attribute{color:#1558b0}[data-theme=light] .hljs-string,[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-meta .hljs-string{color:#23733d}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#6b7280}[data-theme=light] body{background:linear-gradient(180deg,#ffffffb8,#f7fafceb),#f4f8fb}[data-theme=light] .brand-mark:before{text-shadow:none}.brand-mark:before{content:"Z";font-size:24px;transform:skew(-12deg)}.brand strong{display:none}.brand strong:after{content:""}.brand small{color:var(--text);font-size:20px}.topbar{height:76px}.command-trigger{min-width:228px;justify-content:flex-start}.page-host{width:min(1400px,calc(100% - 80px));padding-top:28px}.neo-panel,.content-rail,.tool-panel,.tool-support-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel),white 14%);box-shadow:none}.neo-panel{min-width:0;padding:28px}.home-board{gap:8px}.profile-hero{position:relative;grid-column:1 / span 6;grid-row:1;grid-template-columns:minmax(0,1fr) 220px;min-height:424px;padding:34px 34px 24px;overflow:hidden}.profile-status,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.status-dot,.amber-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--cyan)}.amber-dot{background:var(--amber)}.profile-copy{grid-column:1;align-self:center}.profile-copy h1{margin:34px 0 22px;color:var(--text);font-size:clamp(50px,5.1vw,72px);line-height:1.04}.profile-copy strong{color:var(--soft);font-size:19px;font-weight:700}.profile-copy p{max-width:390px;margin:22px 0;color:var(--muted)}.github-line{color:var(--soft)}.github-line svg{width:18px;height:18px;stroke:currentColor}.github-line span{width:auto;height:auto;border-radius:0;background:transparent;color:var(--cyan)}.profile-avatar-frame{grid-column:2;align-self:center;width:144px;height:144px;margin:0;border-color:var(--line);border-radius:50%;box-shadow:none}.profile-stats{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px -8px -2px;padding-top:18px;border-top:1px solid var(--line)}.profile-stats span{padding:0 16px;border-right:1px solid var(--line)}.profile-stats span:last-child{border-right:0}.profile-stats svg{color:var(--soft)}.profile-stats strong{color:var(--soft)}.latest-article{position:relative;display:grid;grid-template-rows:auto 1fr auto;grid-column:7 / span 6;grid-row:1;min-height:424px;overflow:hidden}.latest-article.has-cover{grid-template-columns:minmax(0,1fr) minmax(220px,36%);column-gap:24px}.latest-article-copy{align-self:center;max-width:600px}.latest-article-cover{align-self:center;grid-column:2;grid-row:2 / span 2;width:100%;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--subtle-bg);aspect-ratio:4 / 3}.latest-article-cover img{display:block;width:100%;height:100%;object-fit:cover}.latest-article h2{max-width:620px;margin:0 0 24px;color:var(--text);font-size:clamp(26px,3vw,36px);line-height:1.22}.latest-article p{max-width:540px;margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.8}.article-chip-row{display:flex;flex-wrap:wrap;gap:10px}.article-chip-row span{display:inline-flex;align-items:center;min-height:28px;padding:4px 14px;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--muted);font-size:13px}.latest-article-meta{display:flex;align-items:end;justify-content:space-between;gap:16px;min-width:0}.latest-article-meta time{color:var(--muted)}.text-link,.latest-article-meta a{color:var(--cyan);font-weight:600}.skill-matrix{display:grid;grid-template-rows:auto minmax(0,1fr);grid-column:1 / span 5;grid-row:2 / span 2}.latest-notes{grid-column:6 / span 4;grid-row:2 / span 2}.home-tools{grid-column:10 / span 3;grid-row:2}.system-status{grid-column:10 / span 3;grid-row:3}.featured-articles{grid-column:1 / -1;grid-row:4}.home-magazine-board{grid-auto-rows:auto}.home-magazine-board .profile-hero{grid-column:1 / span 6;grid-row:1;height:424px;min-height:424px;padding:28px 30px 24px}.home-magazine-board .profile-copy h1{margin:22px 0 18px;font-size:clamp(44px,4.4vw,62px)}.home-magazine-board .profile-copy p{max-width:440px;margin:18px 0}.home-magazine-board .profile-avatar-frame{width:144px;height:144px}.home-magazine-board .profile-stats{margin-top:20px}.home-magazine-board .skill-matrix{grid-column:7 / span 6;grid-row:1;height:424px;min-height:424px}.home-magazine-board .featured-articles{grid-row:2}.skill-matrix h2,.latest-notes h2,.home-tools h2,.system-status h2,.featured-articles h2{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--text);font-size:18px}.skill-matrix h2 span,.latest-notes h2 span,.home-tools h2 span,.featured-articles h2 span{width:3px;height:20px;background:var(--cyan)}.skill-matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-matrix-grid button{display:grid;min-height:84px;place-items:center;gap:8px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--soft);transition:background .15s ease,color .15s ease}.skill-matrix-grid button:hover,.skill-matrix-grid button:focus-visible{background:color-mix(in srgb,var(--cyan),transparent 92%);color:var(--text);outline:none}.skill-matrix-grid span{font-size:13px;line-height:1.2}.skill-matrix-grid svg{width:26px;height:26px}.tech-companion-panel{--mascot-tilt: 0deg;--pupil-x: 0px;--pupil-y: 0px;position:relative;display:grid;grid-template-rows:minmax(338px,1fr);padding:0;overflow:hidden}.tech-companion-heading,.tech-companion-skill-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tech-companion-stage{position:relative;min-height:338px;height:100%;isolation:isolate}.tech-companion-visual{position:absolute;z-index:2;top:0;right:clamp(36px,4vw,64px);width:360px;height:360px;padding:0;border:0;background:transparent;color:inherit}.tech-companion-visual:focus-visible{outline:2px solid color-mix(in srgb,var(--cyan),transparent 12%);outline-offset:-10px;border-radius:50%}.tech-companion-artwork,.tech-companion-open-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tech-companion-artwork{transform:rotate(var(--mascot-tilt));transition:transform .16s ease}.tech-companion-closed-egg,.tech-companion-open-mascot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.tech-companion-open-layer{opacity:0;transform:translateY(14px) scale(.9);transform-origin:50% 74%}.tech-companion-pupil{position:absolute;z-index:3;display:block;width:10%;height:10%;object-fit:contain;transform:translate(var(--pupil-x),var(--pupil-y));transition:transform 80ms linear;pointer-events:none}.tech-companion-pupil.is-left{top:28.5%;left:25.5%}.tech-companion-pupil.is-right{top:32.5%;left:37.5%}.tech-companion-skill-rail,.tech-companion-skill-dock{position:absolute;z-index:4;display:grid;gap:8px}.tech-companion-skill-rail{top:68px;left:22px;width:152px}.tech-companion-skill-dock{right:18px;bottom:18px;left:140px;grid-template-columns:repeat(4,minmax(0,1fr))}.tech-companion-skill-sticker{--sticker-color: var(--cyan);--sticker-tilt: 0deg;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:6px 9px 7px;border:2px solid color-mix(in srgb,var(--sticker-color),var(--line) 58%);border-radius:18px 23px 20px 25px;background:color-mix(in srgb,var(--sticker-color),var(--panel) 89%);color:var(--soft);box-shadow:inset 0 1px #ffffffa6,0 4px color-mix(in srgb,var(--sticker-color),transparent 72%),0 10px 22px color-mix(in srgb,var(--sticker-color),transparent 90%);opacity:0;pointer-events:none;transform:translateY(10px) scale(.94) rotate(var(--sticker-tilt));transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.tech-companion-skill-rail .tech-companion-skill-sticker:nth-child(1){--sticker-color: var(--coral);--sticker-tilt: -1.4deg}.tech-companion-skill-rail .tech-companion-skill-sticker:nth-child(2){--sticker-color: var(--cyan);--sticker-tilt: 1deg;border-radius:24px 18px 23px 19px}.tech-companion-skill-rail .tech-companion-skill-sticker:nth-child(3){--sticker-color: var(--green);--sticker-tilt: -.7deg;border-radius:19px 24px 17px 22px}.tech-companion-skill-dock .tech-companion-skill-sticker:nth-child(1){--sticker-color: var(--amber);--sticker-tilt: .8deg}.tech-companion-skill-dock .tech-companion-skill-sticker:nth-child(2){--sticker-color: var(--purple);--sticker-tilt: -1deg;border-radius:24px 18px 22px 17px}.tech-companion-skill-dock .tech-companion-skill-sticker:nth-child(3){--sticker-color: var(--green);--sticker-tilt: 1.2deg;border-radius:19px 25px 18px 22px}.tech-companion-skill-dock .tech-companion-skill-sticker:nth-child(4){--sticker-color: var(--coral);--sticker-tilt: -.8deg;border-radius:23px 19px 25px 18px}.tech-companion-logo-bubble{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:color-mix(in srgb,white,var(--sticker-color) 8%);box-shadow:inset 0 -2px 5px color-mix(in srgb,var(--sticker-color),transparent 82%)}.tech-companion-logo-bubble img{display:block;width:23px;height:23px;object-fit:contain}.tech-companion-skill-sticker>span:last-child{min-width:0;overflow:hidden;font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tech-companion-skill-sticker:hover,.tech-companion-skill-sticker:focus-visible{border-color:color-mix(in srgb,var(--sticker-color),white 28%);background:color-mix(in srgb,var(--sticker-color),var(--panel) 82%);color:var(--text);outline:none;box-shadow:inset 0 1px #ffffffbf,0 5px color-mix(in srgb,var(--sticker-color),transparent 68%),0 14px 26px color-mix(in srgb,var(--sticker-color),transparent 86%);transform:translateY(-3px) scale(1.035) rotate(var(--sticker-tilt))}.tech-companion-skill-sticker:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--sticker-color),transparent 36%)}.tech-companion-panel.is-hatching .tech-companion-closed-egg{animation:tech-companion-egg-hatch 1.35s ease-in-out both}.tech-companion-panel.is-hatching .tech-companion-open-layer{animation:tech-companion-emerge .52s .83s cubic-bezier(.18,.86,.32,1.12) both}.tech-companion-panel.is-hatching .tech-companion-skill-sticker{animation:tech-companion-skill-arrive .38s calc(.82s + var(--skill-index) * 70ms) ease forwards}.tech-companion-panel.is-hatched .tech-companion-closed-egg{visibility:hidden;opacity:0}.tech-companion-panel.is-hatched .tech-companion-open-layer{opacity:1;transform:none;animation:tech-companion-breathe 4.8s ease-in-out infinite}.tech-companion-panel.is-hatched .tech-companion-skill-sticker{opacity:1;pointer-events:auto;transform:rotate(var(--sticker-tilt))}.tech-companion-panel.is-switching .tech-companion-skill-sticker{animation:tech-companion-skill-switch .42s calc(var(--skill-index) * 48ms) cubic-bezier(.2,.82,.3,1.12) both}@keyframes tech-companion-egg-hatch{0%,26%,52%{opacity:1;transform:translate(0) rotate(0) scale(1)}13%{transform:translate(-5px) rotate(-2deg) scale(1.01)}39%{transform:translate(5px) rotate(2deg) scale(1.015)}72%{opacity:1;transform:translateY(-5px) scale(1.04)}to{opacity:0;transform:translateY(12px) scale(.88)}}@keyframes tech-companion-emerge{0%{opacity:0;transform:translateY(18px) scale(.86)}to{opacity:1;transform:none}}@keyframes tech-companion-skill-arrive{to{opacity:1;transform:rotate(var(--sticker-tilt))}}@keyframes tech-companion-skill-switch{0%{opacity:0;transform:translateY(9px) scale(.8) rotate(var(--sticker-tilt))}to{opacity:1;transform:rotate(var(--sticker-tilt))}}@keyframes tech-companion-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.tech-companion-panel .tech-companion-closed-egg{display:none}.tech-companion-panel .tech-companion-open-layer,.tech-companion-panel .tech-companion-skill-sticker{opacity:1;pointer-events:auto;transform:rotate(var(--sticker-tilt));animation:none;transition:none}.tech-companion-pupil{transform:none;transition:none}}.note-list,.recent-list{display:grid}.recent-list{gap:2px}.note-list a,.article-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);border-radius:0}.note-list time,.article-link time{color:var(--muted);font-size:13px}.recent-link{display:grid;grid-template-columns:1fr;gap:6px;padding:11px 10px;border:1px solid transparent;border-radius:6px;color:var(--soft)}.recent-link:hover,.recent-link.is-active{border-color:var(--line);background:color-mix(in srgb,var(--cyan),transparent 92%);color:var(--text)}.recent-link strong{display:-webkit-box;overflow:hidden;color:inherit;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recent-link span{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;line-height:1.35}.recent-link time{white-space:nowrap}.home-tool-list{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px;border-left:1px solid var(--line)}.home-tool-list a{display:grid;min-height:82px;place-items:center;gap:8px;border-right:1px solid var(--line);color:var(--soft)}.home-tool-list svg{width:26px;height:26px}.status-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;background:color-mix(in srgb,var(--green),transparent 92%)}.status-card svg{width:34px;height:34px}.status-card strong,.status-card small{display:block}.status-card small{margin-top:5px;color:var(--muted)}.status-card b{display:grid;width:52px;height:52px;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:14px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-showcase{display:grid;gap:24px}.article-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr) auto;gap:18px;align-items:center}.article-filter-row h2{margin-bottom:6px}.article-filter-row p{margin:0;color:var(--muted);font-size:14px}.article-filter-actions{display:flex;flex-wrap:wrap;gap:18px}.article-filter-actions button{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:4px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.article-filter-actions button:after{position:absolute;left:0;bottom:0;width:100%;height:2px;content:"";background:transparent}.article-filter-actions button:hover,.article-filter-actions button:focus-visible,.article-filter-actions button.is-active{color:var(--text);outline:none}.article-filter-actions button.is-active:after{background:var(--cyan)}.article-search-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);color:var(--soft);font-size:13px}.article-search-button:hover{border-color:color-mix(in srgb,var(--cyan),transparent 36%);background:color-mix(in srgb,var(--cyan),transparent 91%);color:var(--text)}.article-search-button svg{width:16px;height:16px}.article-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:24px;align-items:start}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel),var(--bg) 10%);color:var(--soft);transition:transform .15s ease,border-color .15s ease,background .15s ease}.post-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cyan),transparent 34%);background:color-mix(in srgb,var(--panel-strong),var(--bg) 8%)}.post-card-cover{position:relative;width:100%;margin:0;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan),transparent 90%),transparent 56%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--line),transparent 42%) 0 1px,transparent 1px 12px),var(--subtle-bg);aspect-ratio:16 / 9}.post-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.post-card:hover .post-card-cover img{transform:scale(1.035)}.post-card-cover figcaption,.post-card-cover>span{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:5px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan),transparent 44%);border-radius:6px;background:color-mix(in srgb,var(--bg),transparent 14%);color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-card-cover.is-fallback>span{top:auto;bottom:14px;color:var(--cyan);font-family:JetBrains Mono,Consolas,monospace}.post-card-body{display:grid;gap:12px;padding:18px}.post-card-body strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:18px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-card-body p{display:-webkit-box;min-height:42px;margin:0;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-card-tags,.post-card-meta{display:flex;flex-wrap:wrap;gap:8px}.post-card-tags span{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.post-card-meta{align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.post-card-meta em{color:var(--cyan);font-style:normal;font-weight:600}.popular-articles{position:sticky;top:92px;display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel),var(--bg) 12%)}.popular-articles h3{margin:0;color:var(--text);font-size:17px}.popular-article-link{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.popular-article-link:last-child{border-bottom:0}.popular-article-link span{grid-row:span 2;color:var(--cyan);font-family:JetBrains Mono,Consolas,monospace;font-size:13px}.popular-article-link strong{overflow:hidden;color:var(--soft);font-size:14px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.popular-article-link small{color:var(--muted);font-size:12px}.featured-post-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.featured-post-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel),var(--bg) 10%);color:var(--soft);transition:transform .15s ease,border-color .15s ease,background .15s ease}.featured-post-card:hover,.featured-post-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cyan),transparent 34%);background:color-mix(in srgb,var(--panel-strong),var(--bg) 8%);outline:none}.featured-post-card-large{grid-column:span 6}.featured-post-card-small{grid-column:span 4}.featured-post-cover{position:relative;width:100%;margin:0;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan),transparent 91%),transparent 58%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--line),transparent 44%) 0 1px,transparent 1px 12px),var(--subtle-bg);aspect-ratio:16 / 9}.featured-post-card-small .featured-post-cover{aspect-ratio:16 / 8.4}.featured-post-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.featured-post-card:hover .featured-post-cover img{transform:scale(1.035)}.featured-post-cover figcaption,.featured-post-cover>span{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:5px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan),transparent 44%);border-radius:6px;background:color-mix(in srgb,var(--bg),transparent 14%);color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-post-cover.is-fallback>span{top:auto;bottom:14px;color:var(--cyan);font-family:JetBrains Mono,Consolas,monospace}.featured-post-body{display:grid;gap:12px;padding:18px}.featured-post-card-large .featured-post-body{padding:22px}.featured-post-body strong{display:-webkit-box;overflow:hidden;color:var(--text);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.featured-post-card-large .featured-post-body strong{font-size:clamp(20px,2vw,24px)}.featured-post-card-small .featured-post-body strong{font-size:17px}.featured-post-body p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.featured-post-card-small .featured-post-body p{-webkit-line-clamp:1}.featured-post-tags,.featured-post-meta{display:flex;flex-wrap:wrap;gap:8px}.featured-post-tags span{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.featured-post-meta{align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.featured-post-meta em{color:var(--cyan);font-style:normal;font-weight:600}.featured-post-footer{display:flex;justify-content:flex-end}.blog-layout{grid-template-columns:280px minmax(0,1fr) 240px;gap:0;width:min(1440px,calc(100vw - 24px));margin:-28px 0 -64px;position:relative;left:50%;transform:translate(-50%);border-top:1px solid var(--line)}.content-rail{min-height:calc(100vh - 76px);padding:34px 28px;border-top:0;border-bottom:0;background:color-mix(in srgb,var(--panel),var(--bg) 16%)}.rail-heading h1{margin:0 0 6px;font-size:30px}.rail-heading p{margin:0 0 28px;color:var(--muted);line-height:1.6}.blog-search{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg)}.blog-search input{padding:12px 0;border:0;background:transparent}.tree-group{display:grid;gap:6px;margin-bottom:26px}.tree-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 10px;border-left:3px solid transparent}.tree-button span{display:inline-flex;align-items:center;gap:10px}.tree-button svg{width:18px;height:18px}.tree-button b{color:var(--muted);font-size:13px}.tree-button:hover,.tree-button.is-active{border-left-color:var(--cyan);background:color-mix(in srgb,var(--cyan),transparent 92%);color:var(--text)}.article-panel{padding:44px min(5vw,58px) 88px;background:color-mix(in srgb,var(--bg),white 42%)}.reading-progress{top:76px;height:3px;margin:-44px min(-5vw,-58px) 38px;background:transparent}.reading-progress span{background:var(--cyan)}.article-header{width:min(100%,860px);margin:0 auto 34px;padding-bottom:34px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:14px}.breadcrumb a{display:inline-flex;align-items:center;gap:8px}.breadcrumb svg{width:16px;height:16px}.article-meta{display:flex;flex-wrap:wrap;gap:28px;margin:28px 0 24px;color:var(--muted)}.article-kicker{display:inline-flex;width:max-content;max-width:100%;margin-top:24px;padding:6px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan),transparent 42%);border-radius:6px;color:var(--cyan);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.article-header h1{margin:0;color:var(--text);font-size:clamp(40px,4vw,52px);line-height:1.15}.article-header p{max-width:760px;margin:20px 0;color:var(--muted);font-size:17px;line-height:1.75}.article-content{width:min(100%,860px)}.article-content h1{display:none}.article-content img{cursor:zoom-in}.back-to-top-button{position:sticky;bottom:24px;left:calc(100% - 42px);display:grid;width:38px;height:38px;margin:28px 0 0 auto;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);color:var(--soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.back-to-top-button:hover,.back-to-top-button:focus-visible{border-color:color-mix(in srgb,var(--cyan),transparent 34%);color:var(--cyan);outline:none}.back-to-top-button svg{width:18px;height:18px}.image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:40px;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-preview img{max-width:min(100%,1120px);max-height:88vh;border:1px solid var(--line-strong);border-radius:var(--radius);object-fit:contain;background:var(--bg)}.image-preview button{position:fixed;right:24px;top:24px;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--modal-bg);color:var(--text)}.image-preview button svg{width:20px;height:20px}pre{color:var(--code-text)}.toc-panel{border-right:0;position:sticky;top:92px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain}.toc-panel h3,.blog-side h3{margin:28px 0 14px;color:var(--text)}.toc-panel h3:first-child,.blog-side h3:first-child{margin-top:0}.toc-group{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.toc-group a{display:block;padding:8px 0;color:var(--muted)}.tools-shell{gap:22px}.tools-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:12px 0 8px}.tools-heading h1{margin:0;padding-left:24px;border-left:5px solid var(--cyan);color:var(--text);font-size:clamp(42px,5vw,58px)}.tools-heading p{margin:12px 0 0;color:var(--muted)}.tools-heading>span{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--radius);color:var(--soft)}.tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:0;gap:0;border-radius:var(--radius);background:var(--panel)}.tool-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-right:1px solid var(--line);border-radius:0}.tool-tab:last-child{border-right:0}.tool-tab svg{width:20px;height:20px}.tool-tab.is-active{box-shadow:inset 0 -3px 0 var(--cyan);color:var(--cyan)}.tool-panel{padding:16px}.tool-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px}.tool-title-row h2{margin:0}.tool-live-status{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:14px}.tool-live-status i{width:9px;height:9px;border-radius:50%;background:currentColor}.tool-live-status.is-error{color:var(--danger)}.tool-grid{gap:22px}.editor-wrap{background:var(--editor-bg)}.editor-label{color:var(--text);font-weight:700}.editor-label small{color:var(--muted);font-weight:400}.line-numbers{background:color-mix(in srgb,var(--bg),white 52%)}.tool-actions{justify-content:flex-end}.tool-action{min-height:38px;padding:9px 16px}.tool-action.is-primary{border-color:color-mix(in srgb,var(--cyan),black 8%);background:var(--cyan);color:#fff}.tool-support-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);padding:22px}.tool-support-panel>div{padding:0 28px;border-right:1px solid var(--line)}.tool-support-panel>div:first-child{padding-left:0}.tool-support-panel>div:last-child{border-right:0;padding-right:0}.tool-support-panel h3{display:flex;align-items:center;gap:10px;margin:0 0 14px}.tool-support-panel p{display:flex;justify-content:space-between;gap:16px;margin:10px 0;color:var(--muted)}.tool-support-panel ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.75}.command-backdrop{padding-top:9vh;background:#1f2d4138;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-palette{width:min(740px,calc(100% - 32px))}.command-input-wrap{grid-template-columns:1fr 38px;padding:20px 26px 14px}.command-input-wrap span{grid-column:1 / -1;color:var(--text);font-size:20px;font-weight:700}.command-close{display:grid;width:34px;height:34px;place-items:center;border:0;background:transparent;color:var(--muted)}.command-close svg{width:20px;height:20px}.command-input-wrap input{grid-column:1 / -1;padding:14px 48px 14px 16px;border-color:color-mix(in srgb,var(--cyan),transparent 42%)}.command-results{max-height:min(62vh,560px);padding:10px 18px 0}.command-group{padding:10px 0;border-bottom:1px solid var(--line)}.command-group h3{margin:0 0 8px;color:var(--muted);font-size:13px;font-weight:700}.command-result{grid-template-columns:24px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-left:3px solid transparent}.command-result svg{width:19px;height:19px;color:var(--cyan)}.command-result span{min-width:0}.command-result strong,.command-result small{display:block}.command-result em{color:var(--muted);font-style:normal;font-size:13px}.command-result:hover,.command-result.is-selected{border-left-color:var(--cyan);background:color-mix(in srgb,var(--cyan),transparent 91%)}.command-footer{display:flex;gap:16px;padding:14px 0 16px;color:var(--muted);font-size:13px}@media (max-width: 980px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:68px;padding:14px 18px}.nav-tabs{grid-column:1 / -1;width:100%;gap:0;justify-content:center}.topbar-actions{gap:6px}.command-trigger span{display:none}.home-board,.blog-layout,.tool-grid{grid-template-columns:1fr}.profile-hero,.skill-card.language,.skill-card.framework,.skill-card.ops,.skill-card.middleware,.skill-card.database,.skill-card.ai,.home-footer-strip{grid-column:1 / -1}.skill-card.framework,.skill-card.ops{min-height:390px}.toc-panel{position:static}.home-footer-strip{grid-template-columns:1fr}}@media (max-width: 640px){.page-host{width:min(100% - 24px,1180px);padding-top:24px}.mobile-menu-button{display:inline-grid;place-items:center}.topbar{gap:10px}.topbar .nav-tabs{display:none}.topbar.is-menu-open .nav-tabs{display:flex}.command-trigger kbd{display:none}.topbar-actions>a.icon-button{display:none}.nav-tabs a{flex:1}.section-heading{display:block}.profile-hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding-top:22px}.profile-divider{display:none}.profile-avatar-frame{grid-column:1;width:112px;height:112px;margin-top:0}.profile-stats{grid-template-columns:repeat(2,1fr);margin-top:12px}.skill-card{min-height:auto;padding:20px}.skill-card.framework,.skill-card.ops{min-height:auto}.skill-title{align-items:flex-start}.skill-title strong{font-size:21px}.tag{min-width:0;flex:1 1 128px}.skill-visual{height:132px;margin:22px -20px 0}.ops-console{margin:28px -20px -20px;padding:24px 20px}.ops-console div{gap:8px}.ops-console i{width:18px;height:18px}.home-footer-strip{padding:22px}.home-footer-strip blockquote{padding-left:24px;font-size:15px}.home-footer-strip blockquote:before{display:none}}@media (max-width: 1180px){.page-host{width:min(100% - 40px,1080px)}.home-board{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero,.latest-article,.skill-matrix,.latest-notes,.home-tools,.system-status,.featured-articles{grid-column:auto / span 1;grid-row:auto}.profile-hero,.latest-article,.featured-articles{grid-column:1 / -1}.home-magazine-board .profile-hero,.home-magazine-board .skill-matrix,.home-magazine-board .featured-articles{grid-column:1 / -1;grid-row:auto}.latest-article.has-cover{grid-template-columns:minmax(0,1fr) minmax(200px,32%)}.article-filter-row,.article-showcase-layout{grid-template-columns:1fr}.popular-articles{position:static}.tool-support-panel{grid-template-columns:1fr}.tool-support-panel>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.tool-support-panel>div:last-child{border-bottom:0}}@media (max-width: 1100px){.blog-layout{display:grid;grid-template-columns:1fr;width:auto;margin:-10px 0 -64px;left:auto;transform:none;border-top:0}.content-rail{min-height:auto;border:1px solid var(--line)}.blog-side .recent-list,.blog-side h3:last-of-type{display:none}.blog-side .tree-group{display:flex;gap:8px;margin-bottom:0;padding-bottom:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.blog-side .tree-button{width:auto;min-width:164px;flex:0 0 auto;border-left:0;border-bottom:3px solid transparent;scroll-snap-align:start}.blog-side .tree-button:hover,.blog-side .tree-button.is-active{border-left-color:transparent;border-bottom-color:var(--cyan)}.article-panel{padding:34px 0 70px}.reading-progress{margin:-34px 0 28px}.toc-panel{position:static;max-height:none;overflow-y:visible;overscroll-behavior:auto}.tool-grid,.timestamp-workbench{grid-template-columns:1fr}}@media (max-width: 720px){.page-host{width:min(100% - 24px,680px)}.topbar-actions{gap:6px}.command-trigger{min-width:38px;width:38px;height:38px;justify-content:center;padding:0}.command-trigger span,.command-trigger kbd{display:none}.home-board,.featured-grid,.featured-post-grid,.tool-tabs{grid-template-columns:1fr}.featured-post-card-large,.featured-post-card-small{grid-column:1}.article-filter-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.article-search-button{width:100%;justify-content:center}.profile-hero{grid-template-columns:1fr}.profile-avatar-frame{grid-column:1;width:96px;height:96px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats span:nth-child(2n){border-right:0}.home-magazine-board .profile-hero{height:auto}.home-magazine-board .skill-matrix{height:460px;min-height:460px}.tech-companion-stage{min-height:458px}.tech-companion-visual{top:4px;right:auto;left:50%;width:236px;height:236px;transform:translate(-50%)}.tech-companion-skill-rail{top:250px;right:14px;left:14px;width:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.tech-companion-skill-dock{right:14px;bottom:14px;left:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.tech-companion-skill-sticker{min-height:44px;padding-inline:8px}.tech-companion-logo-bubble{width:28px;height:28px}.tech-companion-logo-bubble img{width:20px;height:20px}.tech-companion-skill-sticker>span:last-child{font-size:11px}.skill-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-article.has-cover{grid-template-columns:1fr}.latest-article-cover{grid-column:1;grid-row:auto;aspect-ratio:16 / 9}.home-tool-list{grid-template-columns:1fr;border-left:0}.home-tool-list a{border-right:0;border-bottom:1px solid var(--line)}.tools-heading{display:block}.tools-heading>span{margin-top:16px}.tool-tab{border-right:0;border-bottom:1px solid var(--line)}.command-palette{width:calc(100% - 24px)}.command-result{grid-template-columns:22px minmax(0,1fr)}.command-result em{grid-column:2}}@media (max-width: 820px){.mobile-menu-button{display:inline-grid;min-width:42px;flex:0 0 auto;place-items:center;white-space:nowrap}.topbar{gap:10px}.topbar .nav-tabs{display:none}.topbar.is-menu-open .nav-tabs{display:flex}.topbar-actions>a.icon-button{display:none}.nav-tabs a{flex:1}}@media (max-width: 340px){.topbar-actions{gap:4px}}