.blog-page[data-v-abb1c2a9]{width:100%;max-width:1200px;margin:0 auto;padding:48px 16px 96px;display:flex;flex-direction:column;gap:24px}.blog-header h1[data-v-abb1c2a9]{margin:0 0 8px;font-size:52px;line-height:1.1}.blog-header p[data-v-abb1c2a9]{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:16px}.blog-search[data-v-abb1c2a9]{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:20px;background:var(--md-sys-color-surface-1);box-shadow:0 8px 24px #00000014;opacity:0;transform:translateY(8px);transition:all .3s ease}.blog-search.animate[data-v-abb1c2a9]{opacity:1;transform:translateY(0)}.blog-search input[data-v-abb1c2a9]{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--md-sys-color-on-surface)}.blog-search input[data-v-abb1c2a9]::placeholder{color:var(--md-sys-color-on-surface-variant)}.blog-search .material-icons-round[data-v-abb1c2a9]{color:var(--md-sys-color-on-surface-variant)}.clear-btn[data-v-abb1c2a9]{color:var(--md-sys-color-primary)}.blog-error[data-v-abb1c2a9]{padding:16px;border-radius:12px;background:#f4433614;color:var(--md-sys-color-error)}.blog-empty[data-v-abb1c2a9]{padding:32px;border-radius:20px;background:var(--md-sys-color-surface-1);text-align:center;color:var(--md-sys-color-on-surface-variant)}.blog-list[data-v-abb1c2a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.blog-card[data-v-abb1c2a9]{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--md-sys-color-surface-1);box-shadow:0 10px 28px #00000014;opacity:0;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease}.blog-card.animate[data-v-abb1c2a9]{opacity:1;transform:translateY(0)}.blog-card-title[data-v-abb1c2a9]{text-decoration:none;color:inherit}.blog-card-title h2[data-v-abb1c2a9]{margin:0;font-size:26px;line-height:1.2}.blog-card-title:hover h2[data-v-abb1c2a9]{color:var(--md-sys-color-primary)}.blog-card-meta[data-v-abb1c2a9]{display:inline-flex;align-items:center;gap:6px;color:var(--md-sys-color-on-surface-variant);font-size:14px}.blog-card-meta .material-icons-round[data-v-abb1c2a9]{font-size:18px}.blog-card-excerpt[data-v-abb1c2a9]{margin:0;color:var(--md-sys-color-on-surface);line-height:1.6;font-size:15px}.blog-card-actions[data-v-abb1c2a9]{margin-top:auto}.pagination[data-v-abb1c2a9]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.page-info[data-v-abb1c2a9]{position:relative;display:inline-flex;align-items:center;height:40px;line-height:1;padding:0 14px;border-radius:999px;background:var(--md-sys-color-surface-1);color:var(--md-sys-color-on-surface);border:none;box-shadow:0 1px 2px #00000014;overflow:visible}.page-info .progress-outline[data-v-abb1c2a9]{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.page-info .label[data-v-abb1c2a9]{font-size:12px;color:var(--md-sys-color-on-surface-variant);letter-spacing:.3px;margin-right:8px;position:relative;z-index:1}.page-info .current[data-v-abb1c2a9]{font-size:14px;font-weight:600;color:var(--md-sys-color-primary);position:relative;z-index:1}.page-info .divider[data-v-abb1c2a9]{width:1px;height:16px;background:var(--md-sys-color-outline-variant);margin:0 8px;position:relative;z-index:1}.page-info .total[data-v-abb1c2a9]{font-size:12px;color:var(--md-sys-color-on-surface-variant);position:relative;z-index:1}.m3e-btn[data-v-abb1c2a9]{display:inline-flex;align-items:center;gap:8px;height:40px;line-height:1;padding:0 16px;border-radius:999px;background:var(--md-sys-color-surface-2);color:var(--md-sys-color-primary);text-decoration:none;box-shadow:0 1px 2px #00000014,0 1px 3px #0000000f;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;user-select:none}.m3e-btn[data-v-abb1c2a9]:hover{background:var(--md-sys-color-surface-3);box-shadow:0 2px 6px #0000001f,0 1px 3px #0000001a;transform:translateY(-1px)}.m3e-btn[data-v-abb1c2a9]:active{background:var(--md-sys-color-surface-4);box-shadow:0 1px 3px #0000001a,0 1px 2px #00000014;transform:translateY(0)}.m3e-btn.disabled[data-v-abb1c2a9]{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-2);opacity:.6;box-shadow:none;pointer-events:none}.m3e-btn .material-icons-round[data-v-abb1c2a9]{font-size:18px;line-height:1}@media(max-width:768px){.blog-page[data-v-abb1c2a9]{padding:32px 12px 80px}.blog-header h1[data-v-abb1c2a9]{font-size:38px}.blog-search[data-v-abb1c2a9]{flex-wrap:wrap;gap:10px}.blog-search input[data-v-abb1c2a9]{order:1;width:100%}.blog-search .md3-btn[data-v-abb1c2a9]{flex:none}.blog-list[data-v-abb1c2a9]{grid-template-columns:1fr}.pagination[data-v-abb1c2a9]{flex-direction:column}}@media(prefers-reduced-motion:reduce){.blog-search[data-v-abb1c2a9],.blog-card[data-v-abb1c2a9]{opacity:1;transform:none}}