.blog-page.svelte-u4k2t{position:relative;max-width:900px;margin:24px auto;padding:70px 0 0}.editing-ribbon.svelte-u4k2t{position:absolute;top:0;right:0;z-index:2;width:170px;height:170px;overflow:hidden;pointer-events:none}.editing-ribbon.svelte-u4k2t span:where(.svelte-u4k2t){position:absolute;top:34px;right:-56px;display:block;width:250px;padding:6px 10px;background:#fef3c7;border:1px solid #f59e0b;color:#713f12;box-shadow:0 6px 16px #713f1224;box-sizing:border-box;font-size:.72rem;font-weight:700;line-height:1.18;text-align:center;transform:rotate(45deg);transform-origin:center}.blog-header.svelte-u4k2t{text-align:center;margin-bottom:32px}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.8rem;color:var(--color-text, #1a1a2e);margin:0 0 8px}.subtitle.svelte-u4k2t{color:#666;font-size:1rem;margin:0}.categories-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.category-card.svelte-u4k2t{background:var(--color-surface, #fff);border-radius:var(--radius-md, 8px);padding:20px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s ease}.category-card.svelte-u4k2t:hover{box-shadow:0 4px 12px #0000001f}.card-header.svelte-u4k2t{display:flex;align-items:center;gap:10px}.card-icon.svelte-u4k2t{font-size:1.8rem;line-height:1}.card-header.svelte-u4k2t h2:where(.svelte-u4k2t){margin:0;font-size:1.15rem;color:var(--color-text, #1a1a2e)}.card-desc.svelte-u4k2t{color:#666;font-size:.85rem;margin:0;line-height:1.5}.post-list.svelte-u4k2t{display:flex;flex-direction:column;gap:2px}.post-link.svelte-u4k2t{display:block;padding:6px 10px;border-radius:4px;font-size:.85rem;color:var(--color-text, #1a1a2e);text-decoration:none;transition:background .1s;line-height:1.4}.post-link.svelte-u4k2t:hover{background:#4f46e50f;color:#4f46e5}.empty-state.svelte-u4k2t{text-align:center;padding:60px 20px;color:#666}.home-link.svelte-u4k2t{display:inline-block;margin-top:16px;color:#4f46e5;text-decoration:none}@media(max-width:720px){.blog-page.svelte-u4k2t{padding-top:58px}.editing-ribbon.svelte-u4k2t{width:144px;height:144px}.editing-ribbon.svelte-u4k2t span:where(.svelte-u4k2t){top:29px;right:-62px;width:226px;padding-block:5px;font-size:.64rem}}
