.blog{--blog-bg:var(--color-bg-base,#0a0c10);--blog-surface:var(--color-bg-card,#151b24);--blog-text:var(--color-text-primary,#e6ebf0);--blog-text-sec:var(--color-text-secondary,#768694);--blog-text-muted:var(--color-text-muted,#516070);--blog-accent:var(--color-accent,#189ba7);--blog-accent-hover:var(--color-accent-hover,#157a84);--blog-border:var(--color-border-default,#1e2630);--blog-glass:var(--glass-bg,rgba(12,16,21,0.4));--blog-glass-border:var(--glass-border,rgba(255,255,255,0.12));--blog-blur:var(--glass-blur,32px);--blog-radius:16px;--blog-radius-sm:8px;position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px 64px;color:var(--blog-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--blog-text);margin:0 0 8px}.blog-header .blog-subtitle{font-size:.95rem;color:var(--blog-text-sec)}.blog-header .blog-accent-line{display:block;width:48px;height:3px;margin:20px auto 0;background:var(--blog-accent);border-radius:2px}.blog-search-wrap{position:sticky;top:0;z-index:50;margin-bottom:24px;padding:12px 0;background:linear-gradient(to bottom,var(--color-bg-base,#0a0c10) 60%,transparent 100%)}.blog-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--blog-text-muted);pointer-events:none}.blog-search-input{width:100%;padding:14px 44px;font-size:.875rem;color:var(--blog-text);background:var(--blog-glass);backdrop-filter:blur(var(--blog-blur));border:1px solid var(--blog-glass-border);border-radius:var(--blog-radius);outline:none;font-family:inherit;transition:border-color .2s ease}.blog-search-input::-moz-placeholder{color:var(--blog-text-muted)}.blog-search-input::placeholder{color:var(--blog-text-muted)}.blog-search-input:focus{border-color:rgba(24,155,167,.4)}.blog-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--blog-text-muted);font-size:1.25rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s ease}.blog-search-clear:hover{color:var(--blog-text)}.blog-search-status{font-size:.8125rem;color:var(--blog-text-muted);margin:-12px 0 24px 4px}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.blog-chip{display:inline-block;padding:7px 14px;font-size:.7813rem;font-weight:500;color:var(--blog-text-sec);background:var(--blog-glass);backdrop-filter:blur(var(--blog-blur));border:1px solid var(--blog-glass-border);border-radius:999px;text-decoration:none;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.blog-chip--active,.blog-chip:hover{border-color:rgba(24,155,167,.4);color:var(--blog-accent);background:rgba(24,155,167,.08);transform:translateY(-1px);box-shadow:0 2px 8px rgba(24,155,167,.1)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}.blog-card{background:var(--blog-glass);backdrop-filter:blur(var(--blog-blur));border:1px solid var(--blog-glass-border);border-radius:var(--blog-radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.blog-card:hover{border-color:rgba(24,155,167,.4);transform:translateY(-4px);box-shadow:0 8px 32px rgba(24,155,167,.12),0 0 0 1px rgba(24,155,167,.08)}.blog-card__image-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--blog-surface)}.blog-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--blog-text-muted)}.blog-card__categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.blog-card__category{display:inline-block;padding:4px 10px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--blog-accent);background:rgba(24,155,167,.15);border:1px solid rgba(24,155,167,.25);border-radius:999px}.blog-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card__title{font-size:1.0625rem;font-weight:600;color:var(--blog-text);margin:0 0 8px;line-height:1.4;-webkit-line-clamp:2}.blog-card__excerpt,.blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-size:.8438rem;color:var(--blog-text-sec);line-height:1.6;margin:0 0 16px;-webkit-line-clamp:3;flex:1}.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--blog-text-muted)}.blog-card__meta-sep{width:3px;height:3px;border-radius:50%;background:var(--blog-text-muted)}.blog-pagination{display:flex;gap:8px;margin-bottom:48px}.blog-pagination,.blog-pagination__btn{align-items:center;justify-content:center}.blog-pagination__btn{display:inline-flex;min-width:40px;height:40px;padding:0 12px;font-size:.8125rem;font-weight:500;color:var(--blog-text-sec);background:var(--blog-glass);backdrop-filter:blur(var(--blog-blur));border:1px solid var(--blog-glass-border);border-radius:var(--blog-radius-sm);cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease}.blog-pagination__btn:hover{border-color:rgba(24,155,167,.4);color:var(--blog-accent)}.blog-pagination__btn--active{border-color:var(--blog-accent);color:var(--blog-accent);background:rgba(24,155,167,.12);font-weight:600}.blog-pagination__btn--disabled{opacity:.4;cursor:default;pointer-events:none}.blog-empty{text-align:center;padding:64px 24px;color:var(--blog-text-muted);font-size:.9375rem}.blog-empty p{margin:0 0 16px}.blog-post{--blog-bg:var(--color-bg-base,#0a0c10);--blog-surface:var(--color-bg-card,#151b24);--blog-text:var(--color-text-primary,#e6ebf0);--blog-text-sec:var(--color-text-secondary,#768694);--blog-text-muted:var(--color-text-muted,#516070);--blog-accent:var(--color-accent,#189ba7);--blog-accent-hover:var(--color-accent-hover,#157a84);--blog-border:var(--color-border-default,#1e2630);--blog-glass:var(--glass-bg,rgba(12,16,21,0.4));--blog-glass-border:var(--glass-border,rgba(255,255,255,0.12));--blog-blur:var(--glass-blur,32px);--blog-radius:16px;position:relative;z-index:1;max-width:52rem;margin:0 auto;padding:80px 24px 64px;color:var(--blog-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.blog-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--blog-accent);box-shadow:0 0 8px rgba(24,155,167,.4);z-index:9999;transition:width 50ms linear}.blog-back{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--blog-text-muted);text-decoration:none;margin-bottom:32px;transition:color .15s ease}.blog-back:hover{color:var(--blog-accent)}.blog-post__hero{width:100%;max-height:500px;border-radius:var(--blog-radius);overflow:hidden;margin-bottom:32px}.blog-post__hero img{width:100%;height:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}.blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.8125rem;color:var(--blog-text-muted)}.blog-post__category-badge{padding:4px 12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--blog-accent);background:rgba(24,155,167,.12);border:1px solid rgba(24,155,167,.25);border-radius:999px;text-decoration:none;transition:background .2s ease}.blog-post__category-badge:hover{background:rgba(24,155,167,.2)}.blog-post__title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--blog-text);margin:0 0 24px;line-height:1.25}.blog-post__author{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--blog-glass-border)}.blog-post__author-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--blog-glass-border)}.blog-post__author-name{font-size:.875rem;font-weight:600;color:var(--blog-text)}.blog-post__author-date{font-size:.8125rem;color:var(--blog-text-muted)}.blog-post__content{font-size:1.0625rem;line-height:1.8;color:var(--blog-text-sec)}.blog-post__content h2{font-size:1.5rem;font-weight:700;color:var(--blog-text);margin:48px 0 16px;letter-spacing:-.01em}.blog-post__content h3{font-size:1.25rem;font-weight:600;color:var(--blog-text);margin:36px 0 12px}.blog-post__content h4{font-size:1.0625rem;font-weight:600;color:var(--blog-text);margin:28px 0 8px}.blog-post__content p{margin:0 0 20px}.blog-post__content a{color:var(--blog-accent);text-decoration:none;transition:color .15s ease}.blog-post__content a:hover{color:var(--blog-accent-hover);text-decoration:underline}.blog-post__content img{max-width:100%;height:auto;border-radius:var(--blog-radius);margin:24px 0}.blog-post__content ol,.blog-post__content ul{margin:16px 0;padding-left:24px}.blog-post__content li{margin-bottom:8px}.blog-post__content blockquote{margin:24px 0;padding:16px 24px;border-left:3px solid var(--blog-accent);background:var(--blog-glass);border-radius:0 var(--blog-radius-sm,8px) var(--blog-radius-sm,8px) 0;color:var(--blog-text);font-style:italic}.blog-post__content pre{margin:24px 0;padding:20px;background:var(--blog-surface);border:1px solid var(--blog-glass-border);border-radius:var(--blog-radius-sm,8px);overflow-x:auto;font-family:Space Mono,monospace;font-size:.875rem;line-height:1.6}.blog-post__content code{font-family:Space Mono,monospace;font-size:.875em;background:var(--blog-glass);padding:2px 6px;border-radius:4px}.blog-post__content pre code{background:none;padding:0}.blog-post__content strong{color:var(--blog-text);font-weight:600}.blog-share{display:flex;align-items:center;gap:12px;margin:48px 0;padding:24px 0;border-top:1px solid var(--blog-glass-border);border-bottom:1px solid var(--blog-glass-border)}.blog-share__label{font-size:.8125rem;font-weight:600;color:var(--blog-text-muted);margin-right:4px}.blog-share__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--blog-glass);backdrop-filter:blur(var(--blog-blur));border:1px solid var(--blog-glass-border);border-radius:var(--blog-radius-sm,8px);color:var(--blog-text-sec);cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.blog-share__btn:hover{border-color:rgba(24,155,167,.4);color:var(--blog-accent);background:rgba(24,155,167,.08);transform:translateY(-1px)}.blog-share__btn--copied{border-color:var(--blog-accent);color:var(--blog-accent)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}.blog-tag{padding:5px 12px;font-size:.75rem;color:var(--blog-text-muted);background:var(--blog-glass);border:1px solid var(--blog-glass-border);border-radius:999px;text-decoration:none;transition:color .2s ease,border-color .2s ease}.blog-tag:hover{color:var(--blog-accent);border-color:rgba(24,155,167,.3)}.blog-related{margin-top:48px}.blog-related__title{font-size:1.25rem;font-weight:600;color:var(--blog-text);margin:0 0 24px}.blog-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-footer-links{display:flex;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--blog-glass-border)}.blog-link{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--blog-accent);text-decoration:none;transition:color .15s ease}.blog-link:hover{color:var(--blog-accent-hover)}.light .blog,.light .blog-post{--blog-surface-hover:rgba(14,122,138,0.08)}.light .blog-search-wrap{background:linear-gradient(to bottom,var(--color-bg-base,#b0d4e8) 60%,transparent 100%)}.light .blog-card:hover{border-color:rgba(14,122,138,.45);box-shadow:0 8px 32px rgba(14,122,138,.14),0 0 0 1px rgba(14,122,138,.1)}.light .blog-chip--active,.light .blog-chip:hover{background:rgba(14,122,138,.1);box-shadow:0 2px 8px rgba(14,122,138,.12)}.light .blog-card__category{background:rgba(14,122,138,.12)}.light .blog-card__category,.light .blog-post__category-badge{color:var(--color-accent,#0e7a8a);border-color:rgba(14,122,138,.25)}.light .blog-post__category-badge{background:rgba(14,122,138,.1)}.light .blog-progress{background:var(--color-accent,#0e7a8a);box-shadow:0 0 8px rgba(14,122,138,.4)}.light .blog-share__btn:hover{border-color:rgba(14,122,138,.45);background:rgba(14,122,138,.08)}.light .blog-post__content blockquote{border-left-color:var(--color-accent,#0e7a8a)}@media (max-width:960px){.blog-grid{gap:20px}.blog-grid,.blog-related__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog,.blog-post{padding:64px 16px 48px}.blog-grid,.blog-related__grid{grid-template-columns:1fr}.blog-search-input{font-size:.8125rem;padding:12px 40px}.blog-categories{gap:6px;margin-bottom:28px}.blog-chip{font-size:.7188rem;padding:6px 11px}.blog-share{flex-wrap:wrap}.blog-post__content{font-size:1rem}.blog-footer-links{flex-direction:column;gap:12px}}