.blog-shell{z-index:2;max-width:860px;margin:0 auto;padding:120px 24px 90px;position:relative}.blog-top{z-index:10;-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);background:#05080fb8;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.blog-top img{width:auto;height:34px;display:block}.blog-top nav{align-items:center;gap:22px;display:flex}.blog-top nav a{color:var(--text);font-size:.95rem;text-decoration:none;transition:color .2s}.blog-top nav a:hover{color:var(--cyan)}.blog-archive{max-width:1080px}.blog-hero{text-align:center;margin-bottom:1.9rem}.blog-hero h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.1rem,5vw,3rem);font-weight:800;line-height:1.15}.blog-hero .grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.blog-hero-sub{color:var(--muted,#cdd9ee);max-width:56ch;margin:1.1rem auto 0;font-size:1.06rem;line-height:1.8}.blog-search{max-width:540px;margin:0 auto 1.6rem;position:relative}.blog-search svg{inset-inline-start:18px;color:var(--muted,#cdd9ee);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.blog-search input{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);width:100%;color:var(--text);font:inherit;border-radius:100px;padding:.85rem 3rem .85rem 1.4rem;font-size:.98rem;transition:border-color .2s}.blog-search input::placeholder{color:var(--muted,#cdd9ee);opacity:.75}.blog-search input:focus{border-color:#38d6f58c;outline:none;box-shadow:0 0 0 3px #38d6f51f}.blog-tabs{flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin-bottom:2.6rem;display:flex}.blog-tabs button{font:inherit;color:var(--muted,#cdd9ee);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.45rem .2rem;font-size:.97rem;font-weight:600;transition:color .2s,border-color .2s}.blog-tabs button:hover{color:var(--text)}.blog-tabs button.is-active{color:var(--cyan);border-bottom-color:var(--cyan)}.blog-card-topic{color:var(--cyan);letter-spacing:.04em;margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:block}.blog-readmore{color:var(--cyan);margin-top:.9rem;font-size:.92rem;font-weight:700;display:block}.blog-list{grid-template-columns:repeat(3,1fr);gap:22px;padding:0;list-style:none;display:grid}@media (max-width:1000px){.blog-list{grid-template-columns:1fr 1fr}}@media (max-width:640px){.blog-list{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.blog-card{background:var(--panel);border:1px solid var(--line);color:var(--text);-webkit-backdrop-filter:blur(10px);border-radius:18px;text-decoration:none;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.blog-card:hover{border-color:#38d6f573;transform:translateY(-2px)}.blog-card-cover{aspect-ratio:1200/630;border-bottom:1px solid var(--line);display:block;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-card-cover img{transform:scale(1.02)}.blog-card-body{padding:20px 22px 22px;display:block}.blog-card h2{font-family:var(--font-display);font-size:1.18rem;font-weight:700;line-height:1.35}.blog-card p{color:var(--muted,#cdd9ee);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.94rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card .blog-meta{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.8rem}.blog-meta{color:var(--cyan);letter-spacing:.02em;gap:14px;font-size:.83rem;display:flex}.blog-empty{background:var(--panel);border:1px solid var(--line);text-align:center;color:var(--muted,#cdd9ee);border-radius:18px;padding:40px}.article-head{margin-bottom:2.6rem}.article-head h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4.6vw,2.8rem);font-weight:800;line-height:1.18}.article-head .blog-meta{margin-top:1rem}.article-cover{border:1px solid var(--line);aspect-ratio:1200/630;border-radius:18px;margin:0 0 2.4rem;position:relative;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%;display:block}.article-body{font-size:1.06rem;line-height:1.85}.article-body h2{font-family:var(--font-display);margin:2.4rem 0 .9rem;font-size:1.55rem;font-weight:700;line-height:1.3}.article-body h3{font-family:var(--font-display);margin:1.8rem 0 .6rem;font-size:1.18rem;font-weight:600}.article-body p{margin:.9rem 0 1.3rem}.article-body p .ln{display:block}.article-body p .ln+.ln{margin-top:.35rem}.article-body ul,.article-body ol{margin:.9rem 1.4rem .9rem 0}.article-body li{margin:.45rem 0}.article-body a{color:var(--cyan);text-underline-offset:4px;-webkit-text-decoration:underline #38d6f58c;text-decoration:underline #38d6f58c}.article-body a:hover{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.article-body strong{color:var(--text)}.article-body h2.faq-h+h3,.article-body h3.faq-q{margin-top:1.4rem}.article-cta{background:linear-gradient(#2f7cf61f,#38d6f50d);border:1px solid #38d6f559;border-radius:18px;margin-top:3rem;padding:26px 28px}.article-cta a,.blog-empty a{color:var(--cyan);text-underline-offset:4px;font-weight:700;-webkit-text-decoration:underline #38d6f58c;text-decoration:underline #38d6f58c}.blog-footer{z-index:2;border-top:1px solid var(--line);text-align:center;color:var(--muted,#cdd9ee);padding:26px 24px 40px;font-size:.9rem;position:relative}.blog-footer a{color:var(--cyan);text-underline-offset:3px;-webkit-text-decoration:underline #38d6f58c;text-decoration:underline #38d6f58c}.draft-flag{color:#fbbf24;border:1px solid #fbbf2466;border-radius:100px;margin-bottom:1rem;padding:3px 12px;font-size:.78rem;display:inline-block}@media (max-width:640px){.blog-shell{padding-top:96px}.blog-top nav{gap:14px}.blog-top nav a{font-size:.86rem}}
