.blog-post-container{max-width:1200px;margin:-40px auto 60px;padding:3rem 4rem;background:#fff;border-radius:var(--radius-2xl);box-shadow:0 30px 60px -12px #00000014;position:relative;z-index:20}@media(max-width:768px){.blog-post-container{margin-top:-40px;padding:2rem;border-radius:var(--radius-xl)}}.bg-white.min-h-screen{background-color:#f0f4f8;background-image:radial-gradient(rgba(0,0,0,.1) 2px,transparent 2px),linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:40px 40px,120px 120px,120px 120px;position:relative;overflow-x:hidden}.bg-white.min-h-screen:before{content:"●";font-size:100px;color:var(--color-primary);position:absolute;top:20%;left:2%;opacity:.1;filter:blur(2px);pointer-events:none}.bg-white.min-h-screen:after{content:"◆";font-size:120px;color:var(--color-secondary);position:absolute;top:50%;right:2%;opacity:.1;filter:blur(2px);transform:rotate(15deg);pointer-events:none}.blog-post{color:var(--color-text);font-size:1.125rem;line-height:1.8}.blog-post h1:first-child{display:none}.blog-post h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:2rem;color:var(--color-text);line-height:1.1}.blog-post h2{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-top:2rem;margin-bottom:1rem;color:var(--color-text);position:relative;display:flex;align-items:center;gap:.75rem}.blog-post h2:before{content:"";width:1rem;height:1rem;background:var(--color-secondary);border-radius:4px;flex-shrink:0}.blog-post h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-text)}.blog-post p{margin-bottom:1rem;line-height:1.8}.blog-post ul,.blog-post ol{margin:1.5rem 0;padding-left:1.5rem;display:grid;gap:.75rem}.blog-post li{position:relative;padding-left:.5rem}.blog-post blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--color-bg-alt);border-left:6px solid var(--color-primary);border-radius:0 var(--radius-xl) var(--radius-xl) 0;font-style:italic;color:var(--color-text-secondary);font-size:1.25rem}.blog-post blockquote p{margin-bottom:0}.blog-post table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-soft)}.blog-post table th,.blog-post table td{padding:1.25rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.blog-post table th{background:var(--color-bg-alt);font-weight:700;color:var(--color-text);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.blog-post table tr:last-child td{border-bottom:none}.blog-post code{background:var(--color-bg-alt);color:var(--color-primary);padding:.2rem .4rem;border-radius:6px;font-size:.9em;font-weight:600}.blog-post pre{background:#2d3436;padding:2rem;border-radius:var(--radius-xl);overflow-x:auto;margin:2rem 0;color:#dfe6e9;box-shadow:0 20px 40px #0000001a}.blog-post pre code{background:none;padding:0;color:inherit;font-weight:400}.blog-section{margin:1.5rem 0}.blog-content-card{background:#fff;padding:1.5rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-soft);margin:1.25rem 0}.blog-content-card>*:first-child{margin-top:0!important}.blog-content-card>*:last-child{margin-bottom:0!important}.blog-divider{border:none;border-top:2px dashed var(--color-bg-alt);margin:1.5rem 0}.blog-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.25rem 0;min-height:auto}.blog-link-chip{display:inline-flex;align-items:center;justify-content:center;height:2.8rem;padding:0 1.5rem;background:#fff;color:var(--color-text);border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;text-decoration:none!important;border:2px solid var(--color-bg-alt);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-link-chip:hover{background:var(--color-primary);color:#fff!important;border-color:var(--color-primary);box-shadow:0 4px 12px #ff6b354d}.blog-link-chip:active{transform:translateY(1px)}.blog-link-chip-primary{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.blog-link-chip-bilibili{background:var(--color-bilibili-light);color:var(--color-bilibili);border-color:var(--color-bilibili-light)}.blog-link-chip-bilibili:hover{background:var(--color-bilibili);border-color:var(--color-bilibili);box-shadow:0 4px 12px #00aeec4d}.blog-visualizer-container{margin:3rem 0}.blog-resources{border-top:1px solid rgba(0,0,0,.05);padding-top:3rem;margin-top:4rem}.blog-post a:not(.blog-link-chip){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600;transition:all .2s ease}.blog-post a:not(.blog-link-chip):hover{color:var(--color-primary-hover);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;padding:0 4px;margin:0 -4px}.blog-video-embed{position:relative;width:100%;margin:1.5rem 0;padding-top:56.25%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);background:var(--color-bg-alt);border:1px solid rgba(0,0,0,.05)}.blog-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.blog-post img{max-width:100%;height:auto;border-radius:var(--radius-xl);margin:2rem 0;box-shadow:var(--shadow-soft)}@media(max-width:768px){.blog-post h1{font-size:2.25rem}.blog-post h2{font-size:1.75rem}.blog-post blockquote{padding:1rem 1.25rem;font-size:1.1rem}}