.blog-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.post-hero{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,44px) 0 8px;text-align:center}.post-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:.86rem;color:var(--ink-soft);margin-bottom:18px}.post-breadcrumb a{color:var(--ink-soft)}.post-breadcrumb a:hover{color:var(--clay)}.post-breadcrumb .sep{opacity:.5}.post-cat{display:inline-block;background:var(--clay);color:#fff;font-size:.76rem;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:16px}.post-title{font-family:var(--f-head);font-size:clamp(1.6rem,4.4vw,2.5rem);line-height:1.3;color:var(--ink);margin:0 0 16px}.post-desc{font-size:clamp(1rem,2.4vw,1.16rem);color:var(--ink-soft);line-height:1.8;max-width:680px;margin:0 auto 18px}.post-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:.9rem;color:var(--ink-soft)}.post-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line);display:inline-block}.post-cover{max-width:1000px;margin:clamp(24px,5vw,40px) auto 0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);aspect-ratio:1200/630;background:linear-gradient(150deg,#241a3d,#120f1c)}.post-cover img{width:100%;height:100%;object-fit:cover;display:block}.prose{max-width:760px;margin:clamp(28px,5vw,48px) auto;color:var(--ink);font-size:clamp(1.02rem,2.4vw,1.14rem);line-height:2}.prose h2{font-family:var(--f-head);font-size:clamp(1.35rem,3.2vw,1.75rem);color:var(--ink);margin:2em 0 .7em;line-height:1.4;position:relative;padding-inline-start:16px}.prose h2:before{content:"";position:absolute;inset-inline-start:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(var(--clay),var(--clay2,#c084fc))}.prose h3{font-family:var(--f-head);font-size:clamp(1.12rem,2.6vw,1.32rem);color:var(--ink);margin:1.6em 0 .5em}.prose p{margin:0 0 1.15em}.prose a{color:var(--clay);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{color:var(--clay2,#c084fc)}.prose ul,.prose ol{margin:0 0 1.3em;padding-inline-start:1.4em}.prose li{margin:0 0 .6em}.prose ul li{list-style:none;position:relative;padding-inline-start:1.5em}.prose ul li:before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--clay)}.prose ol{list-style:none;counter-reset:li}.prose ol li{counter-increment:li;position:relative;padding-inline-start:2em}.prose ol li:before{content:counter(li);position:absolute;inset-inline-start:0;top:.05em;width:1.5em;height:1.5em;border-radius:50%;background:#a855f724;color:var(--clay);font-weight:700;font-size:.82em;display:grid;place-items:center}.prose strong{color:var(--ink);font-weight:700}.prose blockquote{margin:1.6em 0;padding:20px 22px;background:linear-gradient(150deg,#a855f71a,#a855f708);border:1px solid rgba(168,85,247,.25);border-inline-start:4px solid var(--clay);border-radius:14px;font-size:.98em}.prose blockquote p:last-child{margin-bottom:0}.prose code{background:#a855f71f;color:var(--clay);padding:2px 7px;border-radius:6px;font-size:.9em}.prose pre{background:#120f1c;color:#e9e2f7;padding:18px;border-radius:14px;overflow-x:auto;border:1px solid var(--line);margin:1.5em 0;direction:ltr;text-align:left}.prose pre code{background:none;color:inherit;padding:0}.prose img{max-width:100%;border-radius:14px;margin:1.4em 0;border:1px solid var(--line)}.post-cta{max-width:760px;margin:clamp(28px,5vw,44px) auto;padding:clamp(24px,4vw,34px);border-radius:var(--r-xl);background:linear-gradient(150deg,#241a3d,#160f26);border:1px solid rgba(168,85,247,.3);text-align:center;position:relative;overflow:hidden}.post-cta:before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;height:120%;background:radial-gradient(circle,rgba(168,85,247,.28),transparent 60%)}.post-cta h3{position:relative;font-family:var(--f-head);color:#fff;font-size:clamp(1.2rem,3vw,1.5rem);margin:0 0 10px}.post-cta p{position:relative;color:#cfc6e6;margin:0 0 18px;line-height:1.8}.post-cta .btn{position:relative}.blog-related{max-width:1100px;margin:clamp(30px,5vw,54px) auto;padding:0 clamp(16px,4vw,24px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.bcard{display:flex;flex-direction:column;background:var(--cream-soft);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.bcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#a855f766}.bcard-img{aspect-ratio:1200/630;background:linear-gradient(150deg,#241a3d,#120f1c);overflow:hidden}.bcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.bcard:hover .bcard-img img{transform:scale(1.05)}.bcard-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}.bcard-cat{align-self:flex-start;font-size:.72rem;font-weight:700;color:var(--clay);background:#a855f71a;padding:4px 11px;border-radius:999px;margin-bottom:11px}.bcard h3{font-family:var(--f-head);font-size:1.08rem;line-height:1.5;color:var(--ink);margin:0 0 9px}.bcard p{font-size:.92rem;color:var(--ink-soft);line-height:1.75;margin:0 0 14px;flex:1}.bcard .bcard-meta{font-size:.82rem;color:var(--ink-soft);display:flex;gap:10px;align-items:center}.blog-head{text-align:center;max-width:720px;margin:0 auto;padding:clamp(28px,5vw,50px) 0 6px}.blog-head .kicker{display:inline-block;background:#a855f724;color:var(--clay);font-weight:700;font-size:.8rem;padding:7px 16px;border-radius:999px}.blog-head h1{font-family:var(--f-head);font-size:clamp(1.8rem,5vw,2.6rem);color:var(--ink);margin:16px 0 12px}.blog-head p{color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.14rem);line-height:1.8}.pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin:clamp(30px,5vw,50px) 0;flex-wrap:wrap}.pagination a,.pagination span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);color:var(--ink);font-weight:600}.pagination a:hover{border-color:var(--clay);color:var(--clay)}.pagination .cur{background:var(--clay);color:#fff;border-color:transparent}.pagination .disabled{opacity:.4;pointer-events:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;background:transparent;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--clay),#c084fc);box-shadow:0 0 10px #a855f799;transition:width .1s linear}.pm-author{display:inline-flex;align-items:center;gap:8px}.pm-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--clay),#7c3aed);color:#fff;display:grid;place-items:center;font-family:var(--f-head);font-size:.8rem;font-weight:700}.post-layout{max-width:1080px;margin:clamp(24px,4vw,40px) auto 0}.post-main{min-width:0}.prose,.prose h2,.prose h3{scroll-margin-top:90px}.post-toc{margin:0 auto clamp(24px,4vw,34px);max-width:760px;background:var(--cream-soft);border:1px solid var(--line);border-inline-start:4px solid var(--clay);border-radius:14px;padding:6px 18px}.post-toc summary{cursor:pointer;font-family:var(--f-head);font-weight:700;color:var(--ink);padding:12px 0;display:flex;align-items:center;gap:9px;list-style:none}.post-toc summary::-webkit-details-marker{display:none}.post-toc summary svg{color:var(--clay)}.post-toc ol{list-style:none;counter-reset:t;margin:0 0 12px;padding:0}.post-toc li{counter-increment:t;margin:0 0 8px}.post-toc li a{display:flex;gap:9px;color:var(--ink-soft);font-size:.95rem;line-height:1.6}.post-toc li a:before{content:counter(t);color:var(--clay);font-weight:700;font-size:.82em;min-width:18px}.post-toc li a:hover{color:var(--clay)}.post-aside{display:none}.aside-sticky{position:sticky;top:90px}.toc-side{background:var(--cream-soft);border:1px solid var(--line);border-radius:16px;padding:18px 18px 8px;margin-bottom:16px}.toc-side-h{display:block;font-family:var(--f-head);font-weight:700;color:var(--ink);font-size:.98rem;margin-bottom:12px;padding-inline-start:11px;border-inline-start:3px solid var(--clay)}.toc-side ol{list-style:none;counter-reset:ts;margin:0;padding:0}.toc-side li{counter-increment:ts;margin:0 0 4px}.toc-side li a{display:block;color:var(--ink-soft);font-size:.9rem;line-height:1.55;padding:7px 11px;border-radius:9px;border-inline-start:2px solid transparent;transition:.15s}.toc-side li a:hover{color:var(--ink);background:var(--cream-deep)}.toc-side li a.active{color:var(--clay);background:#a855f714;border-inline-start-color:var(--clay);font-weight:600}.sh-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--cream-soft);color:var(--ink-soft);cursor:pointer;transition:.18s}.sh-btn:hover{color:#fff;transform:translateY(-2px)}.sh-x:hover{background:#000;border-color:#000}.sh-wa:hover{background:#25d366;border-color:#25d366}.sh-copy:hover{background:var(--clay);border-color:var(--clay)}.sh-copy.copied{background:#16a34a;border-color:#16a34a;color:#fff}.share-side{display:flex;flex-direction:column;gap:10px;align-items:center;background:var(--cream-soft);border:1px solid var(--line);border-radius:16px;padding:16px 12px}.share-side>span{font-size:.8rem;color:var(--ink-soft);font-weight:600}.post-share-inline{display:flex;align-items:center;gap:10px;max-width:760px;margin:clamp(22px,4vw,30px) auto 0;flex-wrap:wrap}.post-share-inline>span{font-weight:600;color:var(--ink-soft);font-size:.94rem}.author-box{display:flex;gap:16px;align-items:center;max-width:760px;margin:clamp(24px,4vw,32px) auto 0;padding:22px;background:var(--cream-soft);border:1px solid var(--line);border-radius:var(--r-xl)}.ab-avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--clay),#7c3aed);color:#fff;display:grid;place-items:center;font-family:var(--f-head);font-size:1.5rem;font-weight:700;box-shadow:0 6px 18px #a855f766}.ab-info{display:flex;flex-direction:column;gap:4px}.ab-info b{font-family:var(--f-head);color:var(--ink);font-size:1.05rem}.ab-info span{color:var(--ink-soft);font-size:.92rem;line-height:1.7}.post-main .post-cta{margin-inline:auto}@media (min-width:980px){.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:46px;align-items:start}.post-toc,.post-share-inline{display:none}.post-aside{display:block}.prose,.post-cta,.author-box,.post-share-inline{max-width:none}}.cat-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:clamp(18px,3vw,26px) auto 0;max-width:900px}.cat-chips .chip{padding:9px 18px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);font-weight:600;font-size:.9rem;background:var(--cream-soft);transition:.18s;cursor:pointer}.cat-chips a.chip:hover{border-color:var(--clay);color:var(--clay)}.cat-chips .chip.active{background:var(--clay);color:#fff;border-color:transparent}.blog-featured{display:grid;grid-template-columns:1.05fr .95fr;gap:0;max-width:1100px;margin:clamp(26px,4vw,40px) auto 0;background:var(--cream-soft);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.blog-featured:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#a855f773}.bf-img{aspect-ratio:1200/630;background:linear-gradient(150deg,#241a3d,#120f1c);overflow:hidden}.bf-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.blog-featured:hover .bf-img img{transform:scale(1.04)}.bf-body{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;justify-content:center;gap:12px}.bf-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--clay),#7c3aed);color:#fff;font-size:.74rem;font-weight:700;padding:6px 14px;border-radius:999px;box-shadow:0 6px 16px #a855f766}.bf-body .bcard-cat{margin:0}.bf-body h2{font-family:var(--f-head);font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.35;color:var(--ink);margin:0}.bf-body p{color:var(--ink-soft);line-height:1.85;margin:0;font-size:clamp(.98rem,1.6vw,1.08rem)}.bf-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:.9rem;color:var(--ink-soft)}.bf-more{color:var(--clay);font-weight:700}@media (max-width:760px){.blog-featured{grid-template-columns:1fr}}