:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;color:#f5f7fa}#root{min-height:100vh}.blog-page{min-height:100vh;background-image:linear-gradient(#00000073,#00000073),url(/background.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;padding:48px 20px;box-sizing:border-box}.page-shell{width:min(980px,80%);margin:20px}.content-card{width:100%;background:#6e6e6e59;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:28px;color:#f5f7fa;line-height:1.8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #0000004d;animation:card-enter .76s cubic-bezier(.22,1,.36,1)}.route-shell{transform-origin:top center}.route-expand{animation:route-expand .32s cubic-bezier(.22,1,.36,1)}.route-collapse{animation:route-collapse .22s ease-in}@keyframes route-expand{0%{opacity:0;transform:translateY(8px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes route-collapse{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.994);filter:blur(1px)}}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.pill-link{display:block;text-align:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#eaf6ff;background:#ffffff14;text-decoration:none;transition:all .2s ease}.pill-link:hover{color:#fff;background:#ffffff29}.pill-link.active{border-color:#55aafff2;background:#55aaff47}.floating-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:20;display:flex;align-items:center;gap:10px}.nav-fab{width:52px;height:52px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#55aaff52;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .28s cubic-bezier(.22,1,.36,1)}.floating-nav-panel{display:flex;flex-direction:column;gap:10px;width:150px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.24);background:#6e6e6e52;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform-origin:right center;opacity:0;transform:translate(10px) scale(.92);pointer-events:none;transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}.floating-nav.open .floating-nav-panel{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.floating-nav.open .nav-fab{transform:rotate(90deg)}.avatar{width:78px;height:78px;border-radius:18px;border:2px solid #fff;object-fit:cover}.blog-header h1{margin:0;font-size:2rem;color:#fff}.section-block{margin-bottom:26px}.section-block h2{margin:0 0 10px;font-size:1.75rem}.section-block h3{display:inline-block;margin:0 0 12px;padding:4px 12px;border:1px solid rgba(85,170,255,.95);border-radius:999px;background:#55aaff40;color:#dff1ff}.section-block p{margin:10px 0;line-height:1.9}.blog-list{display:flex;flex-direction:column;gap:14px}.blog-list-item{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;background:#ffffff0f}.blog-item-title{margin:0 0 6px;border:none!important;background:transparent!important;padding:0!important;color:#fff!important}.blog-item-date{margin:0 0 8px;color:#ebf3fad9;font-size:.95rem}.blog-back-link-wrap{margin-top:24px}.article-nav-wrap{margin-top:28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.article-nav-button{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,210,75,.95);background:#ffd24b40;color:#fff3c2;text-decoration:none}.article-nav-button:hover{background:#ffd24b59;color:#fffbe9}.article-nav-button-disabled{opacity:.45;pointer-events:none}.blog-back-link{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid rgba(85,170,255,.9);background:#5af3;color:#e8f5ff;text-decoration:none;margin-top:48px}.blog-back-link:hover{background:#55aaff4d;color:#fff}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.18);vertical-align:top;line-height:1.8}thead th{background:#ffffff14}.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.9rem}.status-developing{border:1px solid rgba(255,210,75,.95);background:#ffd24b40;color:#fff3c2}.status-maintaining{border:1px solid rgba(72,204,116,.95);background:#48cc7440;color:#d7ffe5}.status-discarded{border:1px solid rgba(255,130,130,.85);background:#ff82822e;color:#ffdcdc}a{color:#c8e6ff}a:hover{color:#fff}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1em 0 .4em}.markdown-body h3{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid rgba(85,170,255,.95);background:#5af3}.markdown-body h4{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,210,75,.95);background:#ffd24b40}.markdown-body p{line-height:1.95}.markdown-body strong{color:#66b6ff}.markdown-body em,.markdown-body i{font-style:oblique 10deg;font-synthesis:style;color:#d6ecff}.markdown-body pre{overflow-x:auto;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0}.code-block{border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden}.code-lang{padding:6px 12px;background:#ffffff14;color:#dce0e6e6;font-size:.82rem;text-transform:lowercase;letter-spacing:.04em}.code-block pre{border:none;border-radius:0}.markdown-body code{font-family:Cascadia Code,JetBrains Mono,Consolas,monospace}.markdown-body p code,.markdown-body li code,.markdown-body td code,.markdown-body th code,.markdown-body blockquote code{padding:.1em .45em;border:1px solid rgba(170,210,255,.65);border-radius:8px;background:#28415f59}.markdown-body table{min-width:0;width:100%}.markdown-quote{margin:1.2em 0;padding:1em 1.2em 1em 2em;border-left:4px solid rgba(85,170,255,.95);border-radius:12px;background:#55aaff1f;color:#e8f5ff;position:relative;font-style:italic}.markdown-quote:before{content:"“";position:absolute;left:.5em;top:.2em;font-size:2em;color:#5af9;font-family:serif}.markdown-quote p{margin:.5em 0}.markdown-quote p:first-child{margin-top:0}.markdown-quote p:last-child{margin-bottom:0}@media(max-width:768px){.floating-nav{right:14px;bottom:18px;top:auto;transform:none;align-items:flex-end;flex-direction:column-reverse}.content-card{padding:18px}.blog-header h1{font-size:1.6rem}.avatar{width:64px;height:64px;border-radius:14px}}@media(prefers-reduced-motion:reduce){.content-card,.route-expand,.route-collapse{animation:none}.floating-nav-panel,.nav-fab{transition:none}}.nav-item{text-decoration:none}