:root{--bg:#101211;--surface:#191c1a;--paper:#dfdcc9;--muted:rgba(223,220,201,.52);--line:rgba(223,220,201,.14);--red:#b70000}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:"Noto Sans SC",sans-serif}.top{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(16,18,17,.95);backdrop-filter:blur(18px)}.top-inner{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;width:min(1440px,calc(100% - 48px));min-height:72px;margin:auto}.brand{color:var(--paper);font-weight:800;text-decoration:none}.site-nav{display:flex;justify-content:center;gap:clamp(18px,3vw,48px)}.site-nav a{position:relative;padding:26px 0;color:rgba(223,220,201,.5);font-size:13px;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--paper)}.site-nav a.active:after{content:"";position:absolute;right:0;bottom:17px;left:0;height:1px;background:var(--red)}.lang-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px}.lang-switch button{min-width:31px;padding:4px 7px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:10px}.lang-switch button.active{background:var(--paper);color:var(--bg)}.skill-page{width:min(1400px,calc(100% - 64px));margin:auto;padding:42px 0 100px}.back{display:inline-block;margin-bottom:32px;color:var(--muted);font-size:11px;text-decoration:none}.skill-hero{max-width:980px}.skill-badges{display:flex;gap:7px}.skill-badges span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:10px ui-monospace,monospace}.skill-badges span:nth-child(2){color:#76d3aa}.skill-hero h1{margin:24px 0 14px;font-size:clamp(46px,6vw,86px);font-weight:400;line-height:1;letter-spacing:-.05em}.skill-author{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.author-avatar{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%}.skill-hero>p{max-width:870px;margin:20px 0 0;color:rgba(223,220,201,.62);font-size:16px;line-height:1.85}.skill-tabs{display:flex;gap:26px;margin-top:48px;border-bottom:1px solid var(--line)}.skill-tabs button{position:relative;padding:13px 0;border:0;background:none;color:var(--muted);font-size:12px}.skill-tabs button.active{color:var(--paper)}.skill-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--red)}.skill-tabs b{font-size:9px}.skill-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;margin-top:26px}.tab-panel{display:none}.tab-panel.active{display:block}.document-head{display:flex;justify-content:space-between;padding:13px 18px;border:1px solid var(--line);border-bottom:0;background:var(--surface);color:var(--muted);font:10px ui-monospace,monospace}.document-head button{border:0;background:none;color:var(--paper);font-size:10px}.markdown{min-height:520px;padding:clamp(28px,5vw,62px);border:1px solid var(--line);background:var(--surface);color:rgba(223,220,201,.76);font-size:15px;line-height:1.9}.markdown h1,.markdown h2,.markdown h3{color:var(--paper);line-height:1.3}.markdown h1{font-size:34px}.markdown h2{margin-top:1.8em;font-size:27px}.markdown h3{font-size:21px}.markdown pre{overflow:auto;padding:18px;background:#0d100e}.markdown code{font-family:"JetBrains Mono",monospace}.markdown a{color:#df9b90}.file-browser,.panel-list article{border:1px solid var(--line);background:var(--surface)}.file-browser>header{display:flex;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.file-tree{display:grid}.file-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;width:100%;padding:11px 17px;border:0;border-bottom:1px solid rgba(223,220,201,.08);background:none;color:var(--paper);text-align:left}.file-row:hover{background:rgba(223,220,201,.04)}.file-row small{color:var(--muted)}.panel-list{display:grid;gap:10px}.panel-list article{padding:20px}.panel-list article header{display:flex;justify-content:space-between}.panel-list article p{color:var(--muted);line-height:1.7}.skill-side{display:grid;align-content:start;gap:14px}.skill-side>section,.download{border:1px solid var(--line);background:var(--surface)}.metric-card{padding:18px}.metric-card dl{margin:0}.metric-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.metric-card dt{color:var(--muted)}.metric-card dd{margin:0;font-weight:700}.metric-card>button,.install-card>button{width:100%;margin-top:10px;padding:11px;border:1px solid var(--line);background:none;color:var(--paper)}.rating{display:flex;gap:2px;margin-top:12px}.rating button{border:0;background:none;color:#8b7045;font-size:22px}.rating button.active{color:#ffc62a}.install-card,.security-card{padding:18px}.install-tabs{display:flex;gap:16px;margin-top:14px;border-bottom:1px solid var(--line)}.install-tabs button{padding:8px 0;border:0;background:none;color:var(--muted)}.install-tabs button.active{color:var(--paper)}.install-card pre{padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;background:#0e110f}.download{padding:14px;text-align:center;color:var(--paper);text-decoration:none}.security-card h2{font-size:14px}.security-card strong{color:#76d3aa}.security-card p{color:var(--muted);font-size:11px}.file-modal{position:fixed;z-index:100;inset:0;padding:4vh 5vw;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.file-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:92vh;border:1px solid var(--line);background:var(--surface)}.file-dialog>header{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line)}.file-dialog header div,.file-dialog nav{display:flex;align-items:center;gap:9px}.file-dialog header span{color:var(--muted);font-size:10px}.file-dialog header button,.file-dialog header a{padding:7px 9px;border:1px solid var(--line);background:none;color:var(--paper);font-size:10px;text-decoration:none}.file-preview{overflow:auto;padding:28px 38px}.file-preview img,.file-preview video{display:block;max-width:100%;max-height:100%;margin:auto}.file-preview pre{white-space:pre-wrap}.file-preview .markdown{border:0;padding:20px;min-height:0}@media(max-width:850px){.top-inner{grid-template-columns:1fr;width:calc(100% - 28px);padding:15px 0}.site-nav{justify-content:flex-start;gap:20px;overflow:auto}.site-nav a{padding:11px 0;white-space:nowrap}.lang-switch{position:absolute;top:13px;right:14px}.skill-page{width:calc(100% - 30px)}.skill-layout{grid-template-columns:1fr}.skill-side{grid-row:1}.skill-hero h1{font-size:45px}.file-modal{padding:0}.file-dialog{height:100vh}.file-dialog>header{align-items:flex-start;flex-direction:column}.file-preview{padding:16px}}