.blog-hero,.art-hero{position:relative;isolation:isolate;overflow:hidden}.blog-hero{padding:3.2rem 1.5rem 3.6rem;color:#fff;background:radial-gradient(60% 90% at 85% 0%,rgba(109,93,246,.55),transparent 70%),radial-gradient(50% 80% at 5% 100%,rgba(37,99,235,.6),transparent 70%),linear-gradient(135deg,#0b1635,#14306b)}.blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#000,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%)}.blog-hero-in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.blog-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.2;color:#fff;letter-spacing:-.02em}.blog-hero p{color:#ffffffc7;font-size:1.08rem;max-width:640px}.blog-hero .blog-count{font-size:.85rem;font-weight:700;color:#bfd6ff}.blog-search{display:flex;align-items:center;gap:.6rem;width:min(560px,100%);margin-top:.4rem;padding:.4rem .4rem .4rem 1.1rem;padding-inline:1.1rem .4rem;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.blog-search:focus-within{background:#fff3;border-color:#ffffff80;box-shadow:0 0 0 4px #93c5fd33}.blog-search input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:1rem}.blog-search input::placeholder{color:#fff9}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search button{height:44px;padding:0 1.4rem;border:0;border-radius:15px;cursor:pointer;background:#fff;color:#1d3fa8;font:inherit;font-weight:800;font-size:.92rem;transition:transform var(--transition)}.blog-search button:hover{transform:translateY(-1px)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;list-style:none;font-size:.82rem}.crumbs li+li:before{content:"\203a";margin-inline-end:.35rem;opacity:.5}[dir=rtl] .crumbs li+li:before{content:"\2039"}.crumbs a{opacity:.8;transition:opacity var(--transition)}.crumbs a:hover{opacity:1;text-decoration:underline}.crumbs [aria-current]{opacity:.6;max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.blog-hero .crumbs{color:#fff}.art-hero .crumbs{color:var(--text-muted)}.blog-wrap{max-width:1180px;margin:0 auto;padding:1.6rem 1.5rem 4rem}.chips-bar{position:relative;display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.chips{flex:1;min-width:0;display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding:.35rem .25rem .9rem;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.chips::-webkit-scrollbar{display:none}.cat-more{flex:none;position:static;margin-bottom:.55rem}.cat-more>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--primary);color:var(--primary);font-size:.88rem;font-weight:800;white-space:nowrap;transition:background var(--transition),color var(--transition)}.cat-more>summary::-webkit-details-marker{display:none}.cat-more>summary b{font-size:.72rem;padding:.08rem .5rem;border-radius:999px;background:#2563eb1f}.cat-more>summary svg{transition:transform var(--transition)}.cat-more[open]>summary{background:var(--primary);color:#fff}.cat-more[open]>summary b{background:#ffffff38}.cat-more[open]>summary svg{transform:rotate(180deg)}.cat-panel{position:absolute;z-index:30;inset-inline:0;top:calc(100% - .5rem);max-height:min(60vh,460px);overflow-y:auto;overscroll-behavior:contain;padding:1rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:0 24px 60px #0f172a38;animation:catIn .22s ease}@keyframes catIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cat-find{width:100%;height:44px;margin-bottom:.8rem;padding:0 1rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-card-2);color:var(--text-main);font:inherit;outline:0}.cat-find:focus{border-color:var(--primary)}.cat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.4rem}.cat-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .85rem;border-radius:12px;color:var(--text-muted);font-weight:700;font-size:.9rem;transition:all var(--transition)}.cat-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-item b{flex:none;font-size:.72rem;padding:.08rem .5rem;border-radius:999px;background:var(--bg-card-2)}.cat-item:hover{background:var(--bg-card-2);color:var(--primary)}.cat-item.on{background:#2563eb1a;color:var(--primary)}.cat-item[hidden]{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .7rem .55rem 1rem;padding-inline:1rem .7rem;border-radius:999px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:.88rem;font-weight:700;white-space:nowrap;transition:transform var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}.chip b{font-size:.72rem;padding:.08rem .5rem;border-radius:999px;background:var(--bg-card-2);color:var(--text-muted)}.chip:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.chip.on{background:var(--hdr-grad);border-color:transparent;color:#fff;box-shadow:0 8px 22px #2563eb52}.chip.on b{background:#ffffff38;color:#fff}.section-h{display:flex;align-items:center;gap:.7rem;margin:2.4rem 0 1.2rem;font-size:1.35rem;font-weight:900;color:var(--text-main)}.section-h:before{content:"";width:5px;height:1.5rem;border-radius:4px;background:var(--hdr-grad)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.post{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.34,1.2,.64,1),box-shadow var(--transition),border-color var(--transition)}.post:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:#2563eb47}.post-media{display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#1d4ed8,#6d5df6)}.post-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.post:hover .post-media img{transform:scale(1.06)}.post-media .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:4.2rem;font-weight:900;color:#ffffffe6;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.25),transparent 45%),radial-gradient(circle at 80% 90%,rgba(249,115,22,.45),transparent 50%),linear-gradient(135deg,#1d4ed8,#6d5df6);text-shadow:0 6px 24px rgba(0,0,0,.25)}.post-media:after{content:"";position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(to top,rgba(8,15,40,.28),transparent)}.badge-pin{position:absolute;top:.8rem;inset-inline-start:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#3b1d00;font-size:.72rem;font-weight:900;box-shadow:0 6px 16px #f9731666}.post-body{display:flex;flex-direction:column;gap:.7rem;padding:1.25rem 1.35rem 1.2rem;flex:1}.post-top{min-height:1.6rem}.pill{position:relative;z-index:2;display:inline-flex;align-items:center;padding:.22rem .75rem;border-radius:999px;background:#2563eb1a;color:var(--primary);font-size:.76rem;font-weight:800;transition:background var(--transition),color var(--transition)}.pill:hover{background:var(--primary);color:#fff}.post-title{font-size:1.12rem;font-weight:900;line-height:1.6;color:var(--text-main)}.post-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.post-title a{transition:color var(--transition)}.post:hover .post-title a{color:var(--primary)}.post-ex{color:var(--text-muted);font-size:.92rem;line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-foot{margin-top:auto;padding-top:.85rem;border-top:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.meta{display:flex;flex-wrap:wrap;gap:.5rem .95rem;color:var(--text-light);font-size:.78rem;font-weight:600}.m{display:inline-flex;align-items:center;gap:.32rem}.m svg{opacity:.85}.post-more{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-size:.86rem;font-weight:800}.arr{transition:transform var(--transition)}[dir=rtl] .arr{transform:scaleX(-1)}.post-more:hover .arr,.btn-primary:hover .arr{transform:translate(4px)}[dir=rtl] .post-more:hover .arr,[dir=rtl] .btn-primary:hover .arr{transform:scaleX(-1) translate(4px)}.featured{padding:0;margin-bottom:.4rem}.related{padding:0}.post-featured{flex-direction:row;min-height:380px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.post-featured .post-media{flex:1.15;aspect-ratio:auto;min-height:280px}.post-featured .post-body{flex:1;justify-content:center;gap:1rem;padding:2.2rem 2.4rem}.post-featured .post-title{font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.5}.post-featured .post-ex{font-size:1rem;-webkit-line-clamp:4}.post-featured .post-foot{border-top:0;padding-top:.4rem;margin-top:.4rem}.post-featured:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:5px;height:100%;z-index:3;background:var(--hdr-grad)}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:2.8rem 0 .5rem}.pager a,.pager .gap{min-width:44px;height:44px;padding:0 .9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:800;font-size:.92rem}.pager a{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.pager a:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.pager a.cur{background:var(--hdr-grad);color:#fff;border-color:transparent;box-shadow:0 8px 20px #2563eb52}.pager .gap{color:var(--text-light);padding:0 .2rem;min-width:0}.blog-empty{text-align:center;padding:4rem 1rem;color:var(--text-muted);font-size:1.05rem}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-top:3.4rem;padding:2.2rem 2.4rem;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(50% 120% at 100% 0%,rgba(249,115,22,.35),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(109,93,246,.5),transparent 60%),linear-gradient(135deg,#0b1635,#1b3c8c);box-shadow:0 20px 50px #14306b59}.blog-cta h2{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:900;color:#fff;margin-bottom:.4rem}.blog-cta p{color:#ffffffc7;max-width:520px}.blog-cta .btn-primary{background:#fff;color:#1d3fa8;box-shadow:0 10px 26px #00000040;gap:.5rem}.read-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:1100;pointer-events:none}.read-progress i{display:block;height:100%;background:var(--hdr-grad);transform:scaleX(0);transform-origin:0 50%}[dir=rtl] .read-progress i{transform-origin:100% 50%}.art-hero{padding:2.4rem 1.5rem 2.6rem;background:radial-gradient(55% 100% at 90% 0%,rgba(109,93,246,.14),transparent 70%),radial-gradient(45% 90% at 0% 100%,rgba(37,99,235,.12),transparent 70%),var(--bg-section-alt);border-bottom:1px solid var(--border)}.art-hero-in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.art-hero h1{font-size:clamp(1.7rem,4.4vw,2.7rem);font-weight:900;line-height:1.5;color:var(--text-main);letter-spacing:-.01em;max-width:900px}.lead{font-size:1.12rem;line-height:2;color:var(--text-muted);max-width:780px}.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;color:var(--text-muted);font-size:.86rem;font-weight:600;margin-top:.4rem}.art-wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem 4rem}.cover{margin:-1.4rem 0 2.4rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 60px #0f172a38;border:1px solid var(--border);background:var(--bg-card-2)}.cover img{width:100%;height:auto;max-height:520px;object-fit:cover;display:block}.art-wrap>.art-layout:first-child{margin-top:2.4rem}.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.2rem;align-items:start}.art-body{max-width:760px;width:100%;margin-inline:0;font-size:1.1rem;line-height:2.15;color:var(--text-main)}html[lang=en] .art-body{line-height:1.85;font-size:1.08rem}.art-body>:first-child{margin-top:0}.art-body p{margin:0 0 1.35em}.art-body strong{font-weight:900}.art-body a{color:var(--primary);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.art-body h2{position:relative;margin:2.4em 0 .8em;scroll-margin-top:calc(var(--hdr-h) + 16px);padding-inline-start:.9rem;border-inline-start:4px solid var(--primary);font-size:1.55rem;font-weight:900;line-height:1.6;color:var(--text-main)}.art-body h2 .h-anchor{position:absolute;inset-inline-start:-1.6rem;top:0;color:var(--primary);opacity:0;text-decoration:none;font-weight:900;transition:opacity var(--transition)}.art-body h2:hover .h-anchor{opacity:.7}.art-body ul{margin:0 0 1.4em;padding-inline-start:1.4rem;display:grid;gap:.5em}.art-body li::marker{color:var(--primary)}.art-body code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em;direction:ltr;unicode-bidi:isolate;padding:.12em .45em;border-radius:8px;background:var(--bg-card-2);border:1px solid var(--border);color:var(--primary-dark)}[data-theme=dark] .art-body code{color:#93c5fd}.code-wrap{position:relative;margin:1.6em 0;direction:ltr}.art-body pre.blog-code{margin:0;padding:1.3rem 1.4rem;border-radius:18px;overflow-x:auto;direction:ltr;text-align:left;white-space:pre;background:#0b1220;color:#e6edf7;border:1px solid rgba(147,197,253,.16);box-shadow:0 14px 36px #02061740;font-size:.92rem;line-height:1.75;tab-size:2}.art-body pre.blog-code code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.code-copy{position:absolute;top:.6rem;inset-inline-end:.6rem;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#c7d5ea;cursor:pointer;transition:all var(--transition)}.code-copy:hover{background:#ffffff2e;color:#fff}.code-copy[data-state=done]{background:#16a34a;color:#fff;border-color:transparent}.notice{margin:0 0 1.6em;padding:.8rem 1.1rem;border-radius:14px;background:var(--urgent-bg);border:1px solid var(--urgent-border);color:var(--text-muted);font-size:.92rem}.art-side{position:sticky;top:calc(var(--hdr-h) + 16px);display:grid;gap:1.2rem}.toc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:900;color:var(--text-main)}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"\25be";color:var(--text-light);transition:transform var(--transition)}.toc[open] summary:after{transform:rotate(180deg)}.toc ol{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.15rem;max-height:52vh;overflow-y:auto}.toc a{display:block;padding:.42rem .7rem;border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:600;line-height:1.7;border-inline-start:3px solid transparent;transition:all var(--transition)}.toc a:hover{color:var(--primary);background:var(--bg-card-2)}.toc a.on{color:var(--primary);font-weight:800;background:#2563eb14;border-inline-start-color:var(--primary)}.share{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .9rem}.share>span{font-size:.84rem;font-weight:800;color:var(--text-muted)}.share>div{display:flex;flex-wrap:wrap;gap:.5rem}.sh{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.sh:hover{color:#fff;background:var(--hdr-grad);border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 22px #2563eb4d}.sh[data-state=done]:after{content:attr(data-done);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;padding:.3rem .7rem;border-radius:10px;background:#0f172a;color:#fff;font-size:.75rem;font-weight:700}.art-body>.share{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--border)}.pn-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3.4rem}.pn-card{display:grid;gap:.35rem;padding:1.2rem 1.4rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition);box-shadow:var(--shadow-sm)}.pn-card small{color:var(--text-light);font-weight:800;font-size:.76rem}.pn-card strong{font-weight:900;line-height:1.7;color:var(--text-main)}.pn-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.pn-card.newer{text-align:end}.nf{text-align:center;padding:5rem 1rem;display:grid;gap:1rem;justify-items:center}.nf h1{font-size:2rem;font-weight:900}.nf p{color:var(--text-muted)}@media(max-width:1024px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-layout{grid-template-columns:minmax(0,1fr);gap:1.6rem}.art-side{position:static;order:-1}.art-side .share,.art-body h2 .h-anchor{display:none}}@media(min-width:1025px){.art-body>.share{display:none}}@media(max-width:760px){.cat-more>summary{padding-inline:.75rem}.cat-list{grid-template-columns:1fr 1fr}.blog-hero{padding:2.2rem 1.1rem 2.6rem}.blog-wrap,.art-wrap{padding-inline:1.1rem}.post-grid{grid-template-columns:minmax(0,1fr);gap:1.2rem}.post-featured{flex-direction:column;min-height:0}.post-featured .post-media{flex:none;aspect-ratio:16 / 10;min-height:0}.post-featured .post-body{padding:1.4rem}.post-featured:before{width:100%;height:5px}.blog-search{width:100%}.blog-cta{padding:1.6rem}.pn-row{grid-template-columns:1fr}.pn-card.newer{text-align:start}.art-hero{padding:1.6rem 1.1rem 2rem}.art-body{font-size:1.04rem;line-height:2.05}.art-body h2{font-size:1.32rem}.cover{margin-top:-.6rem;border-radius:var(--radius-md)}}@media(prefers-reduced-motion:reduce){.post,.post-media img,.chip,.sh,.pager a{transition:none!important}.post:hover{transform:none}}@media print{header,.bnav,footer,.art-side,.share,.blog-cta,.related,.pn-row,.read-progress,.code-copy{display:none!important}.art-layout{display:block}}