.article-x{position:relative;background:#faf9f6;padding:120px 0 80px;overflow:hidden}.article-wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 24px}.article-back{color:var(--slate);text-decoration:none;font-size:13px;font-weight:600}.article-back:hover{color:#f56647}.article-preview-badge{position:sticky;top:0;z-index:5;background:#c99a3e;color:#fff;text-align:center;font-size:13px;font-weight:600;padding:8px 16px}.article-head{margin:22px 0 18px;text-align:center}.article-cat{display:inline-block;color:#f56647;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.article-title{font-size:clamp(28px,5vw,48px);color:var(--ink);font-weight:800;line-height:1.1;margin:10px auto;max-width:900px}.article-meta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--slate);font-family:JetBrains Mono,monospace;font-size:12.5px}.article-cover{width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin:10px 0 36px}.article-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}.article-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.article-side-box h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 12px}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{background:#f566471a;color:#f56647;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.article-404{text-align:center;padding:60px 0}.article-404 h1{font-size:32px;color:var(--ink);margin-bottom:10px}.prose{color:var(--ink2);font-size:17px;line-height:1.75;max-width:740px}.prose>*:first-child{margin-top:0}.prose h2{font-size:28px;color:var(--ink);font-weight:800;line-height:1.2;margin:36px 0 12px}.prose h3{font-size:22px;color:var(--ink);font-weight:700;margin:28px 0 10px}.prose h4{font-size:18px;color:var(--ink);font-weight:700;margin:22px 0 8px}.prose p{margin:0 0 18px}.prose a{color:#f56647;text-decoration:underline}.prose strong{color:var(--ink);font-weight:700}.prose ul,.prose ol{margin:0 0 18px 22px}.prose li{margin:6px 0}.prose blockquote{border-left:3px solid #F56647;padding:4px 20px;margin:26px 0;font-size:20px;font-style:italic;color:var(--ink)}.prose blockquote cite{display:block;font-size:14px;color:var(--slate);font-style:normal;margin-top:8px}.prose hr{border:0;border-top:1px solid #e6e2da;margin:34px 0}.prose .post-figure{width:var(--w, 100%);max-width:100%;margin:26px auto}.prose .post-figure.align-left{margin-left:0;margin-right:auto}.prose .post-figure.align-center{margin-left:auto;margin-right:auto}.prose .post-figure.align-wide{width:100%}.prose .post-figure img{width:100%;height:auto;display:block;border-radius:12px}.prose .post-figure figcaption{text-align:center;font-size:13px;color:var(--slate);margin-top:8px}.prose .gallery{display:grid;gap:10px;width:var(--w, 100%);margin:26px auto}.prose .gallery.cols-2{grid-template-columns:repeat(2,1fr)}.prose .gallery.cols-3{grid-template-columns:repeat(3,1fr)}.prose .gallery.cols-4{grid-template-columns:repeat(4,1fr)}.prose .gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px;aspect-ratio:1/1}.prose .embed{position:relative;width:var(--w, 100%);margin:26px auto;aspect-ratio:16 / 9}.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.prose .callout{border-radius:12px;padding:16px 18px;margin:24px 0}.prose .callout-info{background:#eef3fb}.prose .callout-warn{background:#fbf4e4}.prose .callout-success{background:#eaf3ef}.prose pre{background:#0d0d18;color:#e9ebee;padding:16px;border-radius:12px;overflow:auto;margin:24px 0}.prose pre code{background:none;padding:0;color:inherit}.prose code{font-family:JetBrains Mono,monospace;font-size:.9em;background:#0d0d180f;padding:2px 6px;border-radius:5px}.prose .table-wrap{overflow-x:auto;margin:24px 0}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid #e6e2da;padding:8px 12px;text-align:left}.prose th{background:#f2efe9;color:var(--ink)}.prose .btn{display:inline-block;padding:12px 28px;border-radius:100px;font-weight:700;text-decoration:none;margin:8px 0}.prose .btn-primary{background:linear-gradient(135deg,#ff7a59,#f56647);color:#fff}.prose .btn-ghost{border:1px solid #F56647;color:#f56647}.prose mark{background:#f566472e;color:inherit;border-radius:3px;padding:0 3px}.prose .u{text-decoration:underline}.prose .s{text-decoration:line-through}.prose .rt-c-accent{color:var(--accent, #F56647)}.prose .rt-c-coral{color:#e0654f}.prose .rt-c-teal{color:#2f8f83}.prose .rt-c-amber{color:#c99a3e}.prose .rt-c-slate{color:#5c5c74}.prose .index-x3{color:var(--accent, #F56647);font-weight:700}.prose .wave-underline{text-decoration:underline wavy #F56647;text-underline-offset:3px}.prose .draw-circle{outline:2px solid #F56647;border-radius:50%/45%;padding:1px 7px}@media(max-width:900px){.article-body{grid-template-columns:1fr;gap:32px}.article-side{position:static}}@media(max-width:768px){.article-x{padding:96px 0 60px}.prose{font-size:16px}.prose .post-figure{width:var(--wm, 100%)}.prose .post-figure.align-wide{width:100%}.prose .gallery{width:var(--wm, 100%)}.prose .gallery.cols-3,.prose .gallery.cols-4{grid-template-columns:repeat(2,1fr)}.prose .embed{width:var(--wm, 100%)}}