*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #ffd700;--primary-light: #2b2408;--primary-mid: #ffe56a;--bg: #0f0f0f;--surface: #141414;--surface-2: #121212;--border: #2a2a2a;--text-primary: #f0f0f0;--text-secondary: #b8b8b8;--text-muted: #8b8b8b;--tag-bg: #1d1d1d;--tag-text: #c9c9c9;--blockquote-bg: #15130a;--code-bg: #111111;--code-text: #f0f0f0;--green: #ffd700;--red: #ff6b6b;--orange: #ffd700;--rank-1: #ffd700;--rank-2: #ffd700;--rank-3: #9b9b9b;--rank-n: #666;--radius: 2px;--radius-lg: 2px;--shadow-sm: none;--shadow: none}html[data-theme=light]{--primary: #b88600;--primary-light: #fff3c4;--primary-mid: #ffd56a;--bg: #f7f7f7;--surface: #ffffff;--surface-2: #f3f4f6;--border: #e6e6e6;--text-primary: #111111;--text-secondary: #2b2b2b;--text-muted: #666666;--tag-bg: #f2f2f2;--tag-text: #333333;--blockquote-bg: #fff6d6;--code-bg: #0f172a;--code-text: #e5e7eb;--rank-3: #6b6b6b;--rank-n: #888}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text-primary);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;height:56px;width:100%!important;padding:0!important;margin:0!important}.nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;gap:0}.logo{font-size:16px;font-weight:800;color:var(--text-primary);text-decoration:none;margin-right:48px;flex-shrink:0;letter-spacing:.5px}.logo-dot{width:10px;height:10px;background:#f97316;border-radius:0;display:inline-block;margin-right:6px}.logo-accent{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:2px;flex:1;list-style:none;margin:0;padding:0}.nav-links a{display:block;padding:5px 14px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:0;transition:color .15s,background .15s;position:relative;white-space:nowrap}.nav-links a:hover{color:var(--primary);background:transparent}.nav-links a[aria-current=page]{color:var(--primary);font-weight:600}.nav-links a[aria-current=page]:after{content:"";position:absolute;bottom:-14px;left:14px;right:14px;height:2px;background:var(--primary);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:0;padding:5px 12px;cursor:pointer;transition:border-color .15s;white-space:nowrap}.search-box:hover{border-color:var(--primary)}.search-box span{font-size:13px;color:var(--text-muted)}.search-kbd{background:var(--primary-light);border:1px solid var(--primary-mid);border-radius:0;padding:1px 6px;font-size:11px;color:var(--primary);font-family:JetBrains Mono,monospace}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s;background:transparent;border:none}.icon-btn:hover{background:var(--bg);color:var(--primary)}.page-wrap{max-width:1200px;margin:0 auto;padding:28px 32px 80px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.page-wrap.page-wrap--single{grid-template-columns:minmax(0,820px);justify-content:center}.sidebar{display:flex;flex-direction:column;gap:20px}.card,.widget{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:none}.card-header,.widget-header{display:flex;align-items:center;gap:7px;padding:16px 20px 0;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--text-primary)}.card-title-dot{width:8px;height:8px;background:var(--primary);border-radius:0}.card-link{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .15s;margin-left:auto}.card-link:hover{color:var(--primary)}.author-body,.author-widget{padding:0 20px 20px;text-align:center}.author-avatar{width:64px;height:64px;margin:0 auto 10px;background:linear-gradient(135deg,#6a5510,gold);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700}.author-name{font-size:18px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px}.author-badge{background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:600;padding:1px 8px;border-radius:20px}.author-role,.author-bio{font-size:12.5px;color:var(--text-muted);margin-bottom:3px}.author-spec{font-size:12px;color:var(--text-muted);margin-bottom:14px}.author-social,.social-links{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.soc,.social-link{width:32px;height:32px;background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s;border:1px solid var(--border);text-decoration:none;font-size:0}.social-link svg{width:14px;height:14px}.soc:hover,.social-link:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-mid)}.author-stats{display:flex;border-top:1px solid var(--border);padding-top:14px}.author-stat,.astat-cell{flex:1;text-align:center}.author-stat+.author-stat,.astat-cell+.astat-cell{border-left:1px solid var(--border)}.author-stat-val,.author-stat-value,.astat-val{font-size:17px;font-weight:700;color:var(--text-primary);display:block}.author-stat-label,.astat-label{font-size:11px;color:var(--text-muted)}.hot-list,.rank-list{padding:0 20px 16px;list-style:none;margin:0}.hot-item,.rank-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer;margin:0}.hot-item:last-child,.rank-item:last-child{border-bottom:none}.hot-rank,.rank-num{width:20px;font-size:14px;font-weight:800;flex-shrink:0;text-align:center;line-height:1.4;color:var(--rank-n)}.rank-num{font-style:normal}.hot-rank.r1,.rank-item:nth-child(1) .rank-num{color:var(--rank-1)}.hot-rank.r2,.rank-item:nth-child(2) .rank-num{color:var(--rank-2)}.hot-rank.r3,.rank-item:nth-child(3) .rank-num{color:var(--rank-3)}.hot-info,.rank-copy{flex:1;min-width:0;display:block}.hot-title,.rank-name{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:3px;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-views,.rank-count{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.tag-cloud-body,.tag-cloud{padding:0 20px 18px;display:flex;flex-wrap:wrap;gap:8px}.cloud-tag{background:var(--tag-bg);color:var(--tag-text);font-size:12px;padding:4px 10px;border-radius:0;cursor:pointer;transition:background .15s,color .15s;border:1px solid transparent;text-decoration:none}.cloud-tag:hover{background:#151515;color:var(--primary);border-color:var(--primary)}.activity-list,.timeline-list{padding:0 20px 16px;list-style:none;margin:0}.activity-item,.timeline-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);margin:0}.activity-item:last-child,.timeline-item:last-child{border-bottom:none}.activity-dot,.timeline-item:before{content:"";width:7px;height:7px;border-radius:0;margin-top:7px;flex-shrink:0;background:var(--primary)}.timeline-item{position:relative;padding-left:0}.timeline-item:nth-child(1):before{background:#22c55e}.timeline-item:nth-child(2):before{background:var(--primary)}.timeline-item:nth-child(3):before{background:#a855f7}.timeline-item:nth-child(4):before{background:#f97316}.activity-text,.timeline-text{font-size:12.5px;color:var(--text-secondary);line-height:1.5;flex:1}.activity-date,.timeline-date{font-size:11px;color:var(--text-muted);margin-top:3px}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:24px;text-align:center;width:100%!important;margin:0!important}.footer-links{display:flex;justify-content:center;gap:0;margin-bottom:8px;flex-wrap:wrap;list-style:none;padding:0}.footer-links a{font-size:13px;color:var(--text-muted);text-decoration:none;padding:0 12px;transition:color .15s;position:relative}.footer-links a:hover{color:var(--primary)}.footer-links a+a:before{content:"·";position:absolute;left:-1px;color:var(--border)}.footer-copy{font-size:12px;color:var(--text-muted);margin:0}.footer-copy strong{font-weight:600;color:var(--text-secondary)}.back-top{position:fixed;right:28px;bottom:32px;width:38px;height:38px;background:var(--surface);border:1px solid var(--border);border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);color:var(--text-secondary);transition:background .15s,color .15s;z-index:50}.back-top:hover{background:var(--primary);color:#0a0a0a;border-color:var(--primary)}body:before,.menu-toggle,.header-right,.page-shell,.page-shell-article{display:contents}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--primary);z-index:999;transition:width .1s linear}@media(max-width:900px){.page-wrap{grid-template-columns:1fr}.sidebar{order:2}}.hp-hero{background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden;position:relative}.hp-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.hp-hero-inner{max-width:1200px;margin:0 auto;padding:52px 32px 48px;display:block}.hp-hero-left{position:relative}.hp-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--primary);font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:0;margin-bottom:20px}.hp-hero-badge svg{width:14px;height:14px}.hp-hero-badge-dot{width:6px;height:6px;background:var(--primary);border-radius:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hp-hero-title{font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0;color:var(--text-primary);margin-bottom:18px;max-width:840px}.hp-accent{color:var(--primary)}.hp-hero-desc{font-size:14px;color:var(--text-secondary);line-height:1.9;margin:0}.hp-filter-bar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:56px;z-index:90}.hp-filter-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:6px;height:52px;overflow-x:auto}.hp-filter-inner::-webkit-scrollbar{display:none}.hp-content{min-width:0;width:100%}.hp-filter-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px}.hp-filter-tabs::-webkit-scrollbar{display:none}.hp-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:0;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:all .15s;color:var(--text-secondary);background:transparent;text-decoration:none}.hp-tab:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.hp-tab.is-active{background:transparent;color:var(--primary);border-color:var(--primary)}.hp-tab-icon{font-size:12px;opacity:.85}.hp-stats-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:20px;box-shadow:none}.hp-stat-item{display:flex;align-items:flex-start;padding:0 16px}.hp-stat-item+.hp-stat-item{border-left:1px solid var(--border)}.hp-stat-item:first-child{padding-left:0}.hp-stat-info{display:flex;flex-direction:column;gap:4px}.hp-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.hp-stat-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.05;display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hp-stat-delta{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hp-stat-live{width:6px;height:6px;border-radius:0;background:var(--primary);display:inline-block}.hp-pinned-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:none;margin-bottom:20px;display:block;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}.hp-pinned-card:hover{border-color:var(--primary);box-shadow:none}.hp-pinned-img{width:100%;height:200px;position:relative;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(90deg,var(--bg) 0%,var(--surface) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.hp-pinned-img.is-fallback{align-items:stretch;justify-content:flex-start;padding:24px;background:linear-gradient(135deg,rgba(255,215,0,.1),transparent 38%),linear-gradient(90deg,var(--bg) 0%,var(--surface) 100%)}.hp-pinned-img.is-openclaw{background-image:url(/images/downloaded-image.jpg),linear-gradient(90deg,var(--bg) 0%,var(--surface) 100%);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.hp-pinned-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.2) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(255,215,0,.15) 0%,transparent 40%);opacity:.7}.hp-pinned-img-icon{font-size:32px;font-weight:900;color:#ffffff26;font-family:monospace;position:relative;z-index:1}.hp-pinned-cover-fallback{position:relative;z-index:1;display:flex;align-items:flex-end;gap:18px;width:100%;padding-right:96px}.hp-pinned-cover-mark{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface);border:1px solid var(--primary);color:var(--primary);font-size:38px;font-weight:800;line-height:1}.hp-pinned-cover-meta{min-width:0;display:flex;flex-direction:column;gap:6px}.hp-pinned-cover-meta span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.12em}.hp-pinned-cover-meta strong{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.hp-pinned-badge{position:absolute;top:14px;right:14px;background:var(--bg);color:var(--primary);font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:0;letter-spacing:.5px;border:1px solid var(--primary)}.hp-pinned-body{padding:22px 26px 24px}.hp-pinned-body .hp-cat-tag{margin-right:10px}.hp-pinned-date{display:inline;font-size:12.5px;color:var(--text-muted)}.hp-pinned-title{font-size:21px;font-weight:700;line-height:1.35;color:var(--text-primary);margin:10px 0;letter-spacing:-.2px}.hp-pinned-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.7;margin:0}.hp-cat-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:0;font-size:11.5px;font-weight:600;border:1px solid var(--border)}.hp-cat-blue,.hp-cat-green,.hp-cat-purple,.hp-cat-amber,.hp-cat-cyan,.hp-cat-red{background:var(--surface-2);color:var(--primary)}.hp-section-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.hp-section-title:before{content:"";width:3px;height:16px;background:var(--primary);border-radius:2px}.hp-article-list{display:flex;flex-direction:column;gap:0}.hp-article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;display:flex;gap:16px;align-items:flex-start;transition:border-color .15s;cursor:pointer;margin-bottom:12px;box-shadow:none;text-decoration:none;color:inherit}.hp-article-card:hover{border-color:var(--primary);box-shadow:none}.hp-article-icon{width:40px;height:40px;border-radius:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.hp-article-icon.is-blue,.hp-article-icon.is-green,.hp-article-icon.is-purple,.hp-article-icon.is-amber,.hp-article-icon.is-cyan,.hp-article-icon.is-red{background:var(--surface-2);color:var(--primary);border:1px solid var(--border)}.hp-article-info{flex:1;min-width:0}.hp-article-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.hp-article-new{background:var(--surface-2);color:var(--primary);font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:0;letter-spacing:.3px;border:1px solid var(--primary)}.hp-article-date{font-size:12.5px;color:var(--text-muted)}.hp-article-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.4;letter-spacing:-.1px}.hp-article-desc{font-size:13px;color:var(--text-muted);line-height:1.65;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-article-footer{display:flex;align-items:center;gap:14px}.hp-article-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.hp-sidebar{display:flex;flex-direction:column;gap:20px}.hp-sidebar-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:none}.hp-sidebar-title{display:flex;align-items:center;gap:7px;padding:16px 20px 0;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--text-primary)}.hp-sidebar-title:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:0}.hp-author-avatar{width:64px;height:64px;margin:0 auto 10px;background:linear-gradient(135deg,#6a5510,gold);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700}.hp-author-info{text-align:center;padding:0 20px}.hp-author-name{font-size:18px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px}.hp-author-badge{background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:600;padding:1px 8px;border-radius:20px}.hp-author-role{font-size:12.5px;color:var(--text-muted);margin-bottom:14px}.hp-author-links{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.hp-author-link{width:32px;height:32px;background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s;border:1px solid var(--border);text-decoration:none}.hp-author-link svg{width:14px;height:14px}.hp-author-link:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-mid)}.hp-author-stats{display:flex;border-top:1px solid var(--border);padding:14px 20px 20px}.hp-author-stat{flex:1;text-align:center}.hp-author-stat+.hp-author-stat{border-left:1px solid var(--border)}.hp-author-stat-value{font-size:17px;font-weight:700;color:var(--text-primary);display:block}.hp-author-stat-label{font-size:11px;color:var(--text-muted)}.hp-hot-list{padding:0 20px 16px}.hp-hot-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.hp-hot-item:last-child{border-bottom:none}.hp-hot-num{width:20px;font-size:14px;font-weight:800;flex-shrink:0;text-align:center;line-height:1.4;color:var(--rank-n)}.hp-hot-num.is-n1{color:var(--rank-1)}.hp-hot-num.is-n2{color:var(--rank-2)}.hp-hot-num.is-n3{color:var(--rank-3)}.hp-hot-body{flex:1;min-width:0}.hp-hot-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-hot-reads{font-size:11.5px;color:var(--text-muted)}.hp-root{width:100%;overflow:hidden}.hp-main{max-width:1200px;margin:0 auto;padding:28px 32px 80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.hp-content{min-width:0}@media(max-width:900px){.hp-hero-inner{display:block}.hp-hero-right{display:none}.hp-hero-title{font-size:32px}.hp-stats-bar{grid-template-columns:repeat(2,1fr)}.hp-main{grid-template-columns:1fr}}.article-page-main{width:100%!important;padding:0!important;margin:0!important}.article-layout{max-width:1140px;margin:0 auto;padding:32px 24px 80px;display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.article-layout.article-layout--single{grid-template-columns:minmax(0,820px);justify-content:center}.article-shell{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);margin:0;padding:0}.article-head{padding:36px 40px 0}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;padding:0;list-style:none}.detail-tags--meta{margin-left:auto;margin-bottom:0}.post-tag{display:inline-flex;align-items:center;padding:2px 10px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:600;border-radius:var(--radius);text-decoration:none;border:1px solid var(--border)}.post-tag.blue,.post-tag.green,.post-tag.purple,.post-tag.amber,.post-tag.cyan,.post-tag.red{background:var(--surface-2);color:var(--primary);border:1px solid var(--border)}.article-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.article-title{font-size:26px;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.3px}.article-summary{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:18px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:0}.tag-pill{background:var(--tag-bg);color:var(--tag-text);font-size:12px;padding:3px 10px;border-radius:var(--radius);cursor:pointer;transition:background .15s;text-decoration:none}.tag-pill:hover{background:var(--primary-light);color:var(--primary)}.article-content{padding:0 40px 36px}.article-content h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:28px 0 12px;display:flex;align-items:center;gap:10px}.article-content h2:before{content:"";display:block;width:4px;height:20px;background:var(--primary);border-radius:2px;flex-shrink:0}.article-content h3{font-size:16px;font-weight:700;color:var(--text-secondary);margin:24px 0 10px;letter-spacing:.02em}.article-content h3:before{content:"# ";color:var(--primary);opacity:.6;font-weight:500}.article-content p{font-size:14.5px;color:var(--text-secondary);line-height:1.8;margin-bottom:14px}.article-content a{color:var(--primary);text-decoration:underline}.article-content ul{list-style:none;margin:10px 0 18px 4px;padding:0}.article-content ul li{position:relative;padding-left:18px;font-size:14.5px;color:var(--text-secondary);margin-bottom:8px;line-height:1.7}.article-content ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--primary);border-radius:0}.article-content ol{margin:10px 0 18px;list-style:none;counter-reset:ol-counter;padding:0}.article-content ol li{counter-increment:ol-counter;position:relative;padding-left:28px;font-size:14.5px;color:var(--text-secondary);margin-bottom:8px;line-height:1.7}.article-content ol li:before{content:counter(ol-counter);position:absolute;left:0;top:1px;width:20px;height:20px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.article-content blockquote{border-left:3px solid var(--primary);background:var(--blockquote-bg);padding:14px 20px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;font-size:14.5px;color:var(--text-secondary)}.article-content blockquote p{margin:0}.article-content blockquote[data-alert-type]{border-left-width:4px}.article-content blockquote[data-alert-type=note]{border-left-color:#60a5fa;background:#60a5fa14}.article-content blockquote[data-alert-type=tip]{border-left-color:#4ade80;background:#4ade8014}.article-content blockquote[data-alert-type=warning]{border-left-color:var(--primary);background:#ffd7001f}.article-content blockquote[data-alert-type=important]{border-left-color:#a78bfa;background:#a78bfa14}.article-content blockquote[data-alert-type=caution]{border-left-color:#f87171;background:#f8717114}.article-content pre{overflow:auto;padding:44px 18px 16px;border-radius:10px;background:#f8fafc;color:#1f2937;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;margin:12px 0 18px;border:1px solid #e2e8f0;position:relative;box-shadow:inset 0 32px #f1f5f9}.article-content pre.astro-code,.article-content pre.astro-code.github-light,.article-content pre.astro-code.github-dark{background:#f8fafc!important;color:#1f2937!important;border:1px solid #e2e8f0}.article-content pre.astro-code span{color:inherit!important}.article-content pre.astro-code:after{content:"";position:absolute;top:32px;left:0;right:0;height:1px;background:#e2e8f0}.article-content pre.astro-code[data-language]:before{content:attr(data-language);position:absolute;top:9px;left:14px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.article-content pre.astro-code .copy-btn{position:absolute;top:6px;right:8px;z-index:2;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.article-content pre.astro-code .copy-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.article-content code{background:var(--primary-light);color:var(--primary);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.article-content pre code{display:block;background:none;color:inherit;padding:0;min-width:max-content}.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}.article-content th,.article-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.article-content th{background:var(--bg);font-weight:600;color:var(--text-primary)}.article-content td{color:var(--text-secondary)}.article-content hr{border:none;border-top:1px solid var(--border);margin:28px 0}.article-content strong{color:var(--text-primary);font-weight:600}.article-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:8px 0}.about-author-card{margin-top:18px;padding:20px;border:1px solid var(--border);background:var(--surface-2)}.about-author-top{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border)}.about-author-avatar{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a5510,gold);color:#111;font-weight:900;font-size:14px;font-family:JetBrains Mono,monospace}.about-author-title{min-width:0}.about-author-name{display:flex;align-items:center;gap:10px;line-height:1.2}.about-author-name strong{font-size:18px;letter-spacing:-.2px}.about-author-tag{padding:2px 10px}.about-author-role{margin-top:6px;font-size:13px;color:var(--text-secondary)}.about-author-spec{margin-top:4px;font-size:12.5px;color:var(--text-muted)}.about-author-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}.about-stat{border:1px solid var(--border);background:var(--surface);padding:12px 12px 10px}.about-stat-value{font-size:18px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.about-stat-label{margin-top:2px;font-size:11.5px;color:var(--text-muted)}.article-nav{display:flex;justify-content:space-between;gap:16px;padding:20px 40px;border-top:1px solid var(--border);background:var(--surface-2);border:none;margin:0}.article-nav a{font-size:13px;color:var(--primary);text-decoration:none;transition:opacity .15s}.article-nav a:hover{opacity:.7}.engagement-shell{margin-top:0}.engagement-summary{display:flex;align-items:center;gap:0;padding:20px 40px;border-top:1px solid var(--border);background:var(--surface-2);border-left:3px solid var(--primary)}.engagement-stat{display:flex;align-items:center;gap:10px;flex:1}.engagement-stat-icon{color:#666;display:flex}.engagement-stat-icon svg{width:20px;height:20px}.engagement-stat:hover .engagement-stat-icon{color:var(--primary)}.engagement-label{font-size:12px;color:var(--text-muted);display:block;line-height:1.2}.engagement-stat strong{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;display:block;line-height:1.2}.engagement-like{background:var(--primary);color:#000;border:1px solid var(--primary);border-radius:var(--radius);padding:10px 22px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s,transform .1s;flex-shrink:0}.engagement-like svg{width:15px;height:15px}.engagement-like:hover{background:#000;color:var(--primary);border:1px solid var(--primary);transform:translateY(-1px)}.engagement-like:active{transform:none}.comment-shell{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.comment-header{padding:22px 40px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center}.comments-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;border-left:3px solid var(--primary);padding-left:12px;letter-spacing:.05em}.comment-meta{display:none}.comment-empty-state{padding:28px 40px 22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border)}.comment-empty-state:before{content:"// no comments yet.";font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--primary)}.comment-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#2b2408,#4a3d10);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.comment-empty-icon svg{width:28px;height:28px;stroke:var(--primary);fill:none;stroke-width:2}.comment-empty-icon{display:none}.comment-empty-state strong{font-size:13px;font-weight:600;color:var(--text-secondary)}.comment-empty-state p{font-size:12.5px;color:var(--text-muted)}.comment-empty-state strong{font-size:15px;font-weight:600;margin-bottom:6px}.comment-empty-state p{font-size:13px;color:var(--text-muted);margin:0}.comment-form{padding:0 40px 28px;border-top:1px solid var(--border)}.comment-author-row{display:flex;align-items:center;gap:12px;padding:16px 0 12px}.comment-avatar{width:36px;height:36px;border-radius:var(--radius);background:linear-gradient(135deg,#6a5510,gold);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.comment-field{display:block;width:100%}.comment-field-inline{flex:1}.comment-field input,.comment-field textarea{width:100%;border:none;border-bottom:1px solid #444;border-radius:0;padding:12px 2px;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;background:transparent;transition:border-color .15s}.comment-field input{padding:8px 2px}.comment-field textarea{min-height:80px;resize:vertical;margin-top:0}.comment-field input:focus,.comment-field textarea:focus{border-bottom-color:var(--primary);background:transparent}.comment-field input::placeholder,.comment-field textarea::placeholder{color:var(--text-muted)}.comment-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.comment-tools{display:flex;gap:4px}.comment-tool{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.comment-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.comment-tool:hover{background:var(--bg);color:var(--primary)}.comment-action-right{display:flex;align-items:center;gap:8px}.comment-feedback{font-size:13px;color:var(--text-muted)}.comment-submit{background:var(--primary);color:#000;border:1px solid var(--primary);border-radius:var(--radius);padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.comment-submit:hover{background:#000;color:var(--primary);border:1px solid var(--primary)}.comment-list{padding:0 40px}.comment-item{padding:16px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-item-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-item-head strong{font-size:14px;color:var(--text-primary)}.comment-item-head span{font-size:12px;color:var(--text-muted)}.comment-item p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}.article-sidebar .widget{margin:0;padding:0;border-bottom:none}.toc{display:flex;flex-direction:column;gap:4px;padding:10px 16px 16px}.toc-item{color:var(--text-secondary);text-decoration:none;font-size:13px;border-radius:6px;padding:6px 8px;transition:background .15s,color .15s}.toc-item.depth-3{padding-left:20px;font-size:12.5px}.toc-item:hover,.toc-item.active{background:var(--primary-light);color:var(--primary)}.article-related{margin:8px 40px 24px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.article-related-title{margin:0 0 10px;font-size:15px;color:var(--text-primary)}.article-related-list{margin:0;padding-left:18px}.article-related-item a{color:var(--text-secondary);text-decoration:none}.article-related-item a:hover{color:var(--primary)}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-head{padding:24px 20px 0}.article-content{padding:0 20px 24px}.article-nav{padding:16px 20px}.engagement-summary{padding:16px 20px;flex-wrap:wrap;gap:16px}.comment-header{padding:16px 20px}.comment-form{padding:0 20px 20px}.comment-list{padding:0 20px}.about-author-top{align-items:flex-start}.about-author-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-tags--meta{margin-left:0;width:100%}.article-related{margin:8px 20px 20px}}