.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px;margin-bottom:56px}.blog-author{color:var(--cyan);font-weight:700}.blog-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.6px;border:1px solid;white-space:nowrap;text-transform:uppercase}.blog-tag--c0{color:#00e5ff;background:#00e5ff1a;border-color:#00e5ff52}.blog-tag--c1{color:#39ff14;background:#39ff141a;border-color:#39ff1452}.blog-tag--c2{color:#ffb020;background:#ffb0201a;border-color:#ffb02052}.blog-tag--c3{color:#b98cff;background:#b98cff1a;border-color:#b98cff52}.blog-tag--c4{color:#ff6fb5;background:#ff6fb51a;border-color:#ff6fb552}.blog-tag--c5{color:#5aa9ff;background:#5aa9ff1a;border-color:#5aa9ff52}.blog-skel{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;overflow:hidden}.blog-skel-thumb{aspect-ratio:16/9;background:#ffffff0a;position:relative;overflow:hidden}.blog-skel-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.blog-skel-line{height:12px;border-radius:6px;background:#ffffff0d;position:relative;overflow:hidden}.blog-skel-line--tag{width:34%;height:10px}.blog-skel-line--title{width:75%;height:14px}.blog-skel-line--meta{width:50%;height:10px}.blog-skel-thumb:after,.blog-skel-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(0,229,255,.08),transparent);animation:blogShimmer 1.4s infinite}@keyframes blogShimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.blog-skel-thumb:after,.blog-skel-line:after{animation:none}}.blog-filters{margin:0 auto 24px;max-width:960px}.blog-filter-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.blog-filter{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.6px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--muted);cursor:pointer;transition:all .2s ease;user-select:none}.blog-filter:hover{color:#fff;border-color:#00e5ff4d;background:#00e5ff0d}.blog-filter.active{color:#fff;border-color:var(--cyan);background:#00e5ff1f;box-shadow:0 0 16px #00e5ff1f}.blog-filter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.blog-filter-select-wrap{display:none;position:relative;max-width:340px;margin:0 auto}.blog-filter-select{width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.6px;padding:11px 40px 11px 18px;border-radius:999px;cursor:pointer;border:1px solid rgba(0,229,255,.3);background:#00e5ff0f;color:var(--cyan)}.blog-filter-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00e5ff2e}.blog-filter-select option{background:#0c1418;color:#e8eef0;font-weight:700}.blog-filter-select-chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--cyan);pointer-events:none}.blog-hero{margin:8px 0 32px}.blog-hero-card{display:grid;grid-template-columns:1.15fr 1fr;background:#39ff1408;border:1px solid rgba(57,255,20,.35);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 0 0 1px #39ff141a,0 8px 32px #39ff140f}.blog-hero-card:hover{transform:translateY(-4px);border-color:#39ff1499;box-shadow:0 0 0 1px #39ff1440,0 16px 48px #39ff141f}.blog-hero-img{position:relative;min-height:240px}.blog-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.blog-hero-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#39ff14,#22c50d);color:#030f02;font-family:var(--font-ui);font-size:10px;font-weight:900;letter-spacing:1.5px;padding:6px 12px;border-radius:6px;box-shadow:0 2px 12px #39ff1480}.blog-hero-body{padding:32px 32px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.blog-hero-title{font-family:var(--font-ui);font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:.2px;color:#fff;line-height:1.3;margin:0}.blog-hero-desc{font-size:14px;color:var(--muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-hero-cta{font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:1px;color:var(--cyan);margin-top:2px}@media(max-width:760px){.blog-hero-card{grid-template-columns:1fr}.blog-hero-img{min-height:0;aspect-ratio:16/9}.blog-hero-body{padding:22px 20px 24px}}.blog-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000c;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.blog-modal.open{opacity:1;visibility:visible}.blog-modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:14px;max-width:860px;width:100%;max-height:85vh;overflow-y:auto}.blog-modal-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px 14px 0 0}.blog-modal-body{padding:28px}.blog-modal-tag{font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:8px}.blog-modal-title{font-family:var(--font-ui);font-size:20px;font-weight:800;color:#fff;margin-bottom:8px}.blog-modal-date{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin-bottom:20px}.blog-modal-text{font-size:15px;color:var(--text);line-height:1.75}.blog-modal-text strong{color:#fff}.blog-modal-text p,.blog-modal-text ul,.blog-modal-text ol{max-width:none}.blog-modal-text ul,.blog-modal-text ol{padding-left:1.6em;margin:0 0 14px}.blog-modal-text ul{list-style:disc}.blog-modal-text ol{list-style:decimal}.blog-modal-text li{margin-bottom:6px}.blog-modal-text .ql-align-center{text-align:center}.blog-modal-text .ql-align-right{text-align:right}.blog-modal-text .ql-align-justify{text-align:justify}.blog-modal-text .ql-indent-1{padding-left:3em}.blog-modal-text .ql-indent-2{padding-left:6em}.blog-modal-text .ql-indent-3{padding-left:9em}.blog-modal-text .ql-indent-4{padding-left:12em}.blog-modal-text .ql-indent-5{padding-left:15em}.blog-modal-text .ql-indent-6{padding-left:18em}.blog-modal-text p{margin:0 0 12px}.blog-modal-text>:first-child{margin-top:0}.blog-modal-text>:last-child{margin-bottom:0}.blog-modal-text h1,.blog-modal-text h2,.blog-modal-text h3,.blog-modal-text h4{font-family:var(--font-ui);font-weight:800;line-height:1.3;margin:22px 0 10px}.blog-modal-text h1{font-size:1.7em;color:#fff}.blog-modal-text h2{font-size:1.45em;color:#fff}.blog-modal-text h3{font-size:1.25em;color:var(--cyan)}.blog-modal-text h4{font-size:1.1em;color:var(--cyan)}.blog-modal-text a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}.blog-modal-text a:hover{color:#fff}.blog-modal-text blockquote{border-left:3px solid var(--cyan);background:#00e5ff0a;padding:8px 0 8px 16px;margin:14px 0;border-radius:0 6px 6px 0;color:var(--muted);font-style:italic}.blog-modal-text pre,.blog-modal-text pre.ql-syntax{background:#0b1822;border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:14px 0;overflow-x:auto;font-family:Consolas,Fira Code,monospace;font-size:13px;color:#cfe8f2;line-height:1.6;white-space:pre-wrap;word-break:break-word}.blog-modal-text img{display:block;max-width:100%;height:auto;border-radius:8px;margin:14px 0}.blog-modal-text .ql-video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:none;border-radius:8px;margin:14px 0}.blog-modal-features{margin-top:16px;display:flex;flex-direction:column;gap:6px}.blog-modal-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.blog-modal-feat span:first-child{font-size:16px}.blog-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.blog-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.blog-modal-nav:hover{background:#00e5ff2e;border-color:#00e5ff66;color:var(--cyan)}.blog-modal-prev{left:16px}.blog-modal-next{right:16px}@media(max-width:600px){.blog-modal-nav{width:38px;height:38px;font-size:22px}.blog-modal-prev{left:8px}.blog-modal-next{right:8px}}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr;gap:24px}.blog-filter-chips{display:none}.blog-filter-select-wrap{display:block}}