.blog-page{max-width:860px;margin:0 auto;padding:56px 28px 90px}.blog-header{animation:rise-in .6s var(--ease-out);margin-bottom:44px}.blog-title{letter-spacing:-.035em;margin-bottom:6px;font-size:34px;font-weight:800}.blog-subtitle{color:var(--text-dim);font-size:15px}.posts-grid{gap:16px;display:grid}.posts-grid.in>.post-card{opacity:1;transform:none}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);opacity:0;animation:rise-in .55s var(--ease-out) forwards;transition:border-color .25s, background .25s, transform .3s var(--ease-spring), box-shadow .3s;padding:26px 30px;text-decoration:none;display:block;position:relative;overflow:hidden;transform:translateY(18px)}.post-card:first-child{animation-delay:50ms}.post-card:nth-child(2){animation-delay:.12s}.post-card:nth-child(3){animation-delay:.19s}.post-card:nth-child(4){animation-delay:.26s}.post-card:nth-child(5){animation-delay:.33s}.post-card:nth-child(n+6){animation-delay:.4s}.post-card:hover{border-color:var(--green-glow);background:var(--surface-2);transform:translateY(-3px);box-shadow:0 14px 34px -18px #000c}.post-card-title{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:19px;font-weight:700;transition:color .2s}.post-card:hover .post-card-title{color:var(--green-soft)}.post-card-excerpt{color:var(--text-dim);margin-bottom:14px;font-size:14px;line-height:1.65}.post-card-foot{justify-content:space-between;align-items:center;display:flex}.post-card-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.read-more{color:var(--green);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.read-more svg{transition:transform .25s var(--ease-out)}.post-card:hover .read-more svg{transform:translate(4px)}.post-skeleton{border:1px solid var(--border);border-radius:var(--r-lg);gap:12px;padding:26px 30px;display:grid}.post-skeleton .sk-title{width:55%;height:20px}.post-skeleton .sk-line{width:90%;height:13px}.post-skeleton .sk-meta{width:30%;height:10px}.detail-view{animation:rise-in .55s var(--ease-out)}.detail-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:36px;padding:0;font-size:13px;font-weight:600;transition:color .18s,transform .2s;display:inline-flex}.detail-back:hover{color:var(--text);transform:translate(-3px)}.detail-title{letter-spacing:-.035em;margin-bottom:12px;font-size:34px;font-weight:800;line-height:1.22}.detail-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:36px;padding-bottom:24px;font-size:10px}.detail-body{color:var(--text);font-size:16px;line-height:1.75}.detail-body h1,.detail-body h2,.detail-body h3{letter-spacing:-.02em;color:var(--text);margin:1.8em 0 .6em;font-weight:700}.detail-body h1{font-size:24px}.detail-body h2{font-size:20px}.detail-body h3{font-size:17px}.detail-body p{margin-bottom:1.2em}.detail-body ul,.detail-body ol{margin-bottom:1.2em;padding-left:1.6em}.detail-body li{margin-bottom:.4em}.detail-body a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.detail-body strong{color:var(--text);font-weight:700}.detail-body em{color:var(--text-dim);font-style:italic}.detail-body code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border-hi);border-radius:5px;padding:2px 6px;font-size:13px}.detail-body pre{background:var(--surface-2);border:1px solid var(--border-hi);border-radius:var(--r);margin-bottom:1.2em;padding:16px 18px;overflow-x:auto}.detail-body pre code{background:0 0;border:none;padding:0;font-size:13px}.detail-body blockquote{border-left:3px solid var(--green);color:var(--text-dim);margin-bottom:1.2em;padding-left:16px}.detail-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.detail-body img{border-radius:var(--r);max-width:100%}.detail-body .ql-align-center,.detail-body [style*="text-align: center"]{text-align:center}.detail-body .ql-align-right,.detail-body [style*="text-align: right"]{text-align:right}.detail-body .ql-align-justify,.detail-body [style*="text-align: justify"]{text-align:justify}.detail-body s{text-decoration:line-through}.detail-body u{text-decoration:underline}.detail-body table{border-collapse:collapse;width:100%;margin-bottom:1.4em;font-size:14px;display:block;overflow-x:auto}.detail-body th,.detail-body td{border:1px solid var(--border-hi);text-align:left;vertical-align:top;min-width:90px;padding:9px 13px}.detail-body th{background:var(--surface-2);color:var(--text);font-weight:700}.blog-empty{text-align:center;color:var(--muted);padding:90px 0;font-size:14px;animation:.5s fade-in}.blog-faq{max-width:860px;margin:0 auto;padding:8px 28px 96px}.blog-faq-title{letter-spacing:-.03em;margin-bottom:24px;font-size:26px;font-weight:800}.faq-list{gap:12px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color .25s,background .25s;overflow:hidden}.faq-item[open]{border-color:var(--green-glow);background:var(--surface-2)}.faq-item:hover{border-color:var(--border-hi)}.faq-q{letter-spacing:-.01em;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-icon{flex-shrink:0;width:16px;height:16px;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--green);transition:transform .28s var(--ease-out), opacity .2s;border-radius:2px;position:absolute}.faq-icon:before{width:16px;height:2px;top:7px;left:0}.faq-icon:after{width:2px;height:16px;top:0;left:7px}.faq-item[open] .faq-icon:after{opacity:0;transform:rotate(90deg)}.faq-a{color:var(--text-dim);padding:0 24px 22px;font-size:15px;line-height:1.7}.blog-light{--ground:#fcfbf9;--surface:#fff;--surface-2:#f4f3f1;--surface-3:#ebe9e5;--text:#1b1a18;--text-dim:#57534e;--muted:#8b857d;--border:#e6e3de;--border-hi:#d5d1cb;background:var(--ground);color:var(--text);min-height:100vh}.blog-light .topbar{border-bottom:1px solid var(--border);background:#fcfbf9d1}.blog-light .post-card:hover{box-shadow:0 14px 34px -20px #00000047}.blog-dark{background:var(--ground);color:var(--text);min-height:100vh}.blog-theme-toggle{border:1px solid var(--border-hi);background:var(--surface-2);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .18s,border-color .18s,background .18s,transform .15s;display:inline-flex}.blog-theme-toggle:hover{color:var(--text);border-color:var(--muted);transform:translateY(-1px)}.blog-theme-toggle:active{transform:translateY(0)}.blog-theme-toggle svg{width:16px;height:16px}