.blog-hero{text-align:center;padding:24px 0 64px;position:relative}.blog-hero h1{margin:0 0 16px;font-size:clamp(2em,3.5vw,10em);font-weight:600}.blog-hero p{color:var(--color-text-muted);margin:0 auto 40px;font-size:1.05em;line-height:1.6}.blog-search{align-items:center;max-width:560px;margin:0 auto 36px;display:flex;position:relative}.blog-search input{-webkit-backdrop-filter:blur(12px);width:100%;color:var(--color-text);background:linear-gradient(139deg,#d2c2ff26 27.78%,#fff0 86.28%),#fff6;border:1px solid #4f628d33;border-radius:13px;outline:none;padding:12px 16px 12px 44px;font-family:inherit;font-size:.95em;transition:border-color .2s,box-shadow .2s;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.blog-search input::placeholder{color:var(--color-text-subtle)}.blog-search input:focus{border-color:#4f628d66}.blog-search svg{width:18px;height:18px;color:var(--color-text-subtle);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-filters{flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin-bottom:48px;margin-left:auto;margin-right:auto;display:flex}.blog-filter{-webkit-backdrop-filter:blur(12px);color:var(--color-text);cursor:pointer;background:linear-gradient(139deg,#d2c2ff26 27.78%,#fff0 86.28%),#fff6;border:1px solid #4f628d33;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:9px 23px;font-family:inherit;font-size:.9em;font-weight:500;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.blog-filter:hover{background:linear-gradient(139deg,#d2c2ff40 27.78%,#ffffff0d 86.28%),#ffffff80;border-color:#4f628d59}.blog-filter.is-active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}[data-theme=dark] .blog-search input{background:linear-gradient(139deg,#9345e11a 27.78%,#fff0 86.28%),#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .blog-search input:focus{border-color:#ffffff40}[data-theme=dark] .blog-filter{background:linear-gradient(139deg,#9345e11a 27.78%,#fff0 86.28%),#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .blog-filter:hover{background:linear-gradient(139deg,#9345e126 27.78%,#ffffff05 86.28%),#ffffff1a;border-color:#fff3}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px;display:grid}a.blog-card-item{color:inherit;text-decoration:none}.blog-card-item{border:1px solid var(--color-border);text-align:left;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card-item:hover{box-shadow:0 8px 32px var(--color-shadow);transform:translateY(-4px)}.blog-card-cover{background:linear-gradient(135deg,#d2c2ff33,#00bceb26);flex:0 0 200px;height:200px;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.blog-card-tags{flex-wrap:nowrap;gap:10px;margin-bottom:16px;display:flex}.blog-card-tag{-webkit-backdrop-filter:blur(12px);color:var(--color-text);white-space:nowrap;background:linear-gradient(139deg,#d2c2ff26 27.78%,#fff0 86.28%),#fff6;border:1px solid #4f628d33;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:.78em;font-weight:500;display:flex;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.blog-card-tag--more{cursor:default;color:var(--color-text);font-weight:600;position:relative}.blog-card-tag-tooltip{white-space:nowrap;background:var(--color-text);color:var(--color-bg);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 6px 20px var(--color-shadow);z-index:50;border-radius:8px;padding:7px 11px;font-size:.95em;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.blog-card-tag-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.blog-card-tag--more:hover .blog-card-tag-tooltip,.blog-card-tag--more:focus .blog-card-tag-tooltip,.blog-card-tag--more:focus-visible .blog-card-tag-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-body h3{color:var(--color-text);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.08em;margin:0 0 12px;font-size:1.1em;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-body .blog-card-desc{text-align:left;color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.85em;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--color-text-subtle);align-items:center;gap:16px;margin-top:auto;margin-bottom:12px;font-size:.78em;display:flex}.blog-card-meta span{align-items:center;gap:4px;display:inline-flex}.blog-card-meta svg{flex-shrink:0;width:14px;height:14px}.blog-card-footer{justify-content:space-between;align-items:center;font-size:.82em;display:flex}.blog-card-footer .blog-read-time{color:var(--color-text-subtle)}.blog-card-footer .blog-read-more{color:#1bcdff;align-items:center;gap:4px;font-weight:600;display:inline-flex}.blog-card-footer .blog-read-more:hover{color:var(--color-accent-hover)}.blog-card-footer .blog-read-more svg{width:14px;height:14px}.blog-empty{text-align:center;color:var(--color-text-muted);padding:48px 0 80px;font-size:.95em}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero h1{font-size:clamp(2em,3.5vw,10em)}.blog-hero p{font-size:.95em}.blog-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-hero h1{font-size:1.6em}.blog-hero{padding:48px 0 32px}.blog-hero p{font-size:.9em}.blog-search input{padding:10px 14px 10px 40px;font-size:.9em}.blog-filters{gap:8px}.blog-filter{padding:7px 16px;font-size:.82em}.blog-grid{gap:20px}.blog-card-item{border-radius:12px}.blog-card-cover{flex:0 0 160px;height:160px}.blog-card-body{padding:20px}.blog-card-body h3{font-size:1em}.blog-card-tags{gap:6px;margin-bottom:12px}.blog-card-tag{padding:6px 12px;font-size:.72em}}