.blog-post-content{max-width:1200px;margin:0 auto;padding:clamp(100px,15vh,160px) 1.5rem 100px}.post-header{text-align:center;max-width:800px;margin-bottom:6rem;margin-left:auto;margin-right:auto}.post-title{letter-spacing:-.03em;margin:2rem 0;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.05}.post-meta{color:#fff6;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;font-size:.9rem;font-weight:500;display:flex}.meta-item{align-items:center;gap:.6rem;display:flex}.like-badge{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.6rem;padding:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.like-count-wrapper{align-items:center;gap:.2rem;display:flex}.like-badge i{color:#fff6;transition:all .3s}.like-badge:hover i{color:#fff9}.like-badge.is-liked i{filter:drop-shadow(0 0 5px #ff4d4d4d);color:#ff4d4d!important}.post-tags{justify-content:center;gap:.8rem;display:flex}.badge-group{justify-content:center;margin-bottom:2rem;display:flex}.tag-pill{color:#fff9;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:4px 12px;font-size:.75rem}.featured-image{aspect-ratio:16/9;border-radius:24px;margin-top:4rem;overflow:hidden;box-shadow:0 30px 60px #0006}.featured-image img{object-fit:cover;opacity:0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;width:100%;height:100%;transition:opacity .6s ease-in-out;animation:2s infinite shimmer}.featured-image img.loaded{opacity:1;background:0 0;animation:none}.prose{color:#fffc;font-size:1.2rem;line-height:1.8}.prose img{opacity:0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border:1px solid #ffffff1a;border-radius:16px;max-width:100%;height:auto;min-height:200px;margin:2.5rem 0;transition:opacity .5s ease-in-out;animation:2s infinite shimmer;box-shadow:0 20px 40px #0000004d}.prose img.loaded{opacity:1;background:0 0;animation:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prose h1,.prose h2,.prose h3{color:#fff;letter-spacing:-.02em;margin-top:4rem;margin-bottom:1.5rem;font-weight:700}.prose h2{font-size:2.2rem}.prose h3{font-size:1.6rem}.prose p{opacity:.85;margin-bottom:2rem}.prose strong{color:#fff;font-weight:600}.prose blockquote{border-left:2px solid var(--accent-primary);color:#fff;opacity:.9;margin:4rem 0;padding-left:2rem;font-size:1.4rem;font-style:italic}.prose ul,.prose ol{margin-bottom:2.5rem;padding-left:1.5rem}.prose li{margin-bottom:1rem;padding-left:.5rem}.prose hr{border:none;border-top:1px solid #ffffff14;margin:5rem 0}.prose table{border-collapse:separate;border-spacing:0;-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;margin:3rem 0;overflow:hidden;box-shadow:0 20px 40px #0003}.prose th{color:#fff;text-align:left;letter-spacing:.02em;background:linear-gradient(#7c5cff26,#7c5cff1a);border-bottom:1px solid #ffffff26;padding:1.25rem 1rem;font-size:.95rem;font-weight:700}.prose td{color:#ffffffd9;vertical-align:top;border-bottom:1px solid #ffffff0d;border-left:1px solid #ffffff0d;padding:1rem;font-size:1rem}.prose td:first-child{border-left:none}.prose tr:last-child td{border-bottom:none}.prose tr:hover td{background:#ffffff05}.blog-db-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:3.5rem 0;display:grid}.blog-db-card{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;color:inherit!important;text-decoration:none!important}.blog-db-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-6px);box-shadow:0 30px 60px #0006,inset 0 0 20px #ffffff0d}.blog-db-badge{letter-spacing:.05em;text-transform:uppercase;color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:800;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.blog-db-badge.hot{color:#ff6e6e;background:#fd4c4c26;border-color:#fd4c4c40}.blog-db-badge.ai{color:#b099ff;background:#7c5cff26;border-color:#7c5cff40}.blog-db-badge.new{color:#6ee7b7;background:#34d39926;border-color:#34d39940}.blog-db-badge.tool{color:#93c5fd;background:#3b82f626;border-color:#3b82f640}.blog-db-icon{color:#fff;background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex;box-shadow:inset 0 1px 1px #ffffff1a}.blog-db-title{letter-spacing:-.01em;font-weight:700;color:#fff!important;margin:0!important;font-size:1.4rem!important}.blog-db-desc{color:#fff9;opacity:.85;font-size:1rem;line-height:1.625;margin:0!important}@media (width<=768px){.prose table{white-space:nowrap;border-radius:12px;font-size:.9rem;display:block;overflow-x:auto}.prose th,.prose td{padding:.8rem 1rem}.prose{font-size:1.1rem}.post-header{margin-bottom:3rem}.featured-image{margin-top:2rem}}:global(html[data-theme="light"]) .post-meta{color:#0f172a66}:global(html[data-theme="light"]) .tag-pill{color:#0f172a99;background:#0f172a0a;border-color:#0f172a1a}:global(html[data-theme="light"]) .prose{color:#0f172ad9}:is(:global(html[data-theme="light"]) .prose h1,:global(html[data-theme="light"]) .prose h2,:global(html[data-theme="light"]) .prose h3,:global(html[data-theme="light"]) .prose strong,:global(html[data-theme="light"]) .prose blockquote){color:#0f172a}:global(html[data-theme="light"]) .prose hr{border-color:#0f172a1a}:global(html[data-theme="light"]) .prose table{background:#0f172a05;border-color:#0f172a1a;box-shadow:0 10px 30px #0f172a14}:global(html[data-theme="light"]) .prose th{color:#0f172a;background:#7c5cff14;border-bottom-color:#0f172a1a}:global(html[data-theme="light"]) .prose td{color:#0f172abf;border-color:#0f172a0d}:global(html[data-theme="light"]) .blog-db-card{background:#0f172a08;border-color:#0f172a14}:global(html[data-theme="light"]) .blog-db-card:hover{background:#0f172a0f;border-color:#0f172a26;box-shadow:0 20px 40px #0f172a1a}:global(html[data-theme="light"]) .blog-db-icon{color:#0f172a;background:#0f172a0d}:global(html[data-theme="light"]) .blog-db-title{color:#0f172a!important}:global(html[data-theme="light"]) .blog-db-desc{color:#0f172a99}:global(html[data-theme="light"]) .blog-db-badge{color:#0f172ab3;background:#0f172a14;border-color:#0f172a1a}