:root{--primary-color:#3498db;--secondary-color:#2c3e50;--accent-color:#e74c3c;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,.1);--code-bg:#282c34;--code-color:#abb2bf}.container{display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.post-detail{background-color:#fff;border-radius:8px;box-shadow:0 4px 24px var(--shadow-color);max-width:800px;overflow:hidden;width:100%}.post-header{background:linear-gradient(to right,var(--secondary-color),var(--primary-color));border-bottom:1px solid var(--border-color);color:#fff;padding:2rem 2.5rem}.title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.post-meta{display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem}.post-content{color:#2a2a2a;font-size:1.1rem;line-height:1.7;padding:2.5rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--secondary-color);font-weight:600;margin-bottom:.8em;margin-top:2em}.post-content h1{border-bottom:2px solid var(--medium-gray);font-size:2.2em;padding-bottom:.3em}.post-content h2{border-bottom:1px solid var(--medium-gray);font-size:1.8em;padding-bottom:.2em}.post-content h3{font-size:1.4em}.code-block-wrapper{background:var(--code-bg);border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 8px 24px #0f172a14;margin:1.5em 0;overflow:hidden}.code-block-header{align-items:center;background:linear-gradient(180deg,#313a4a,#2a3240);border-bottom:1px solid #1e2530;display:flex;gap:8px;height:42px;padding:0 14px}.mermaid-wrapper{margin:2em 0;text-align:center}.mermaid{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);padding:1em}.echarts-chart{border-radius:8px;box-shadow:0 2px 15px var(--shadow-color);margin:2em 0}.chart-error{background-color:#fff5f5;color:var(--accent-color);padding:2em;text-align:center}.post-content img{border-radius:6px;box-shadow:0 3px 10px var(--shadow-color);height:auto;margin:1.5rem 0;max-width:100%}.post-content table{border-collapse:collapse;margin:1.5em 0;width:100%}.post-content td,.post-content th{border:1px solid var(--border-color);padding:.75em 1em}@media (max-width:768px){.container{padding:1rem .5rem}.post-detail{width:95%}.post-header{padding:1.5rem}.title{font-size:1.8rem}.post-content{font-size:1rem;padding:1.5rem}}pre[class*=language-]{background-color:#1e1e20;border:1px solid #33363a;border-radius:12px;box-shadow:0 15px 35px #0006;font-family:Fira Code,monospace;margin:1.5rem 0;overflow:hidden;padding-top:36px;position:relative}pre[class*=language-]:before{align-items:center;background:#2d2d2f;border-bottom:1px solid #33363a;box-sizing:border-box;color:#7d8590;content:"";display:flex;font-size:11px;font-weight:600;height:36px;left:0;letter-spacing:.5px;padding-left:65px;position:absolute;top:0;width:100%}pre[class*=language-]:after{background:#ff5f56;border-radius:50%;box-shadow:18px 0 #ffbd2e,36px 0 #27c93f;content:"";height:10px;left:12px;position:absolute;top:13px;width:10px;z-index:2}pre[class*=language-] code{background:transparent!important;color:#e1e4e8;display:block;font-size:14px;line-height:1.6;overflow-x:auto;padding:15px 18px}pre[class*=language-]:hover{border-color:#00dc82;transition:border-color .3s ease}pre[class*=language-]::-webkit-scrollbar{height:6px}pre[class*=language-]::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px}