:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#111827;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-orange:#f97316;--accent-green:#10b981;--accent-blue:#3b82f6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.bg-glow{filter:blur(120px);opacity:.3;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-glow--1{background:radial-gradient(circle,#f973161a,#0000 70%);width:600px;height:600px;top:-200px;right:-100px}.bg-glow--2{background:radial-gradient(circle,#10b9810f,#0000 70%);width:500px;height:500px;bottom:-150px;left:-100px}.blog-progress{background:linear-gradient(90deg,var(--accent-orange),var(--accent-green));z-index:1000;width:0;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.blog-header{z-index:1;border-bottom:1px solid var(--glass-border);padding:16px 20px;position:relative}.blog-header__inner{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.blog-header__brand{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.blog-header__logo{letter-spacing:-.03em;font-size:1.2rem;font-weight:800}.blog-header__logo--accent{color:var(--accent-orange)}.blog-header__sep{color:var(--text-muted);font-size:.85rem}.blog-header__section{color:var(--text-secondary);font-size:.85rem;font-weight:500}.btn{border-radius:var(--radius-md);font:600 .85rem var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent-orange);color:#fff}.btn--primary:hover{background:#ea6a10;transform:translateY(-1px);box-shadow:0 0 24px #f9731640}.btn--sm{padding:8px 14px;font-size:.82rem}.blog-main{z-index:1;max-width:800px;margin:0 auto;padding:40px 20px 80px;position:relative}.blog-article__meta{color:var(--text-muted);gap:16px;margin-bottom:24px;font-size:.82rem;display:flex}.blog-article__title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary),var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.2rem;font-weight:800;line-height:1.2}.blog-article__intro{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);margin-bottom:40px;padding-bottom:32px;font-size:1.1rem;line-height:1.7}.blog-toc{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:40px;padding:24px}.blog-toc__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:.85rem;font-weight:700}.blog-toc__list{flex-direction:column;gap:8px;list-style:none;display:flex}.blog-toc__list a{color:var(--accent-orange);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none}.blog-toc__list a:hover{color:var(--text-primary)}.blog-article section{margin-bottom:48px}.blog-article h2{letter-spacing:-.02em;margin-bottom:16px;padding-top:8px;font-size:1.5rem;font-weight:800}.blog-article h3{margin-top:24px;margin-bottom:12px;font-size:1.15rem;font-weight:700}.blog-article p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.8}.blog-article ul,.blog-article ol{margin-bottom:16px;padding-left:24px}.blog-article li{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem;line-height:1.7}.blog-article strong{color:var(--text-primary);font-weight:600}.blog-article a{color:var(--accent-orange);text-decoration:none}.blog-article a:hover{text-decoration:underline}.blog-table-wrap{margin-bottom:20px;overflow-x:auto}.blog-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.blog-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);padding:12px 16px;font-size:.78rem;font-weight:600}.blog-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:.88rem}.blog-table tbody tr:hover{background:#ffffff05}.blog-timeline{margin-bottom:20px;padding-left:32px;position:relative}.blog-timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.blog-timeline__item{margin-bottom:24px;position:relative}.blog-timeline__item--active .blog-timeline__marker{background:var(--accent-orange);box-shadow:0 0 12px #f9731666}.blog-timeline__marker{background:var(--bg-card);border:2px solid var(--glass-border-hover);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-28px}.blog-timeline__content h3{margin-bottom:6px;font-size:1rem;font-weight:700}.blog-timeline__content p{color:var(--text-secondary);margin-bottom:0;font-size:.88rem;line-height:1.6}.blog-cta-box{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#f9731614,#10b9810d);border:1px solid #f9731633;margin:32px 0;padding:28px}.blog-cta-box h3{margin-bottom:8px;font-size:1.15rem;font-weight:700}.blog-cta-box p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.blog-software-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:20px 0;display:grid}.blog-software-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);flex-direction:column;gap:10px;padding:20px;text-decoration:none;display:flex}.blog-software-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.blog-software-card__dot{border-radius:50%;width:10px;height:10px}.blog-software-card__name{font-size:.95rem;font-weight:700}.blog-software-card__tagline{color:var(--accent-orange);font-size:.78rem;font-weight:600}.blog-software-card__desc{color:var(--text-secondary);flex:1;font-size:.82rem;line-height:1.5}.blog-software-card__cta{color:var(--accent-orange);font-size:.82rem;font-weight:700}.blog-disclosure{color:var(--text-muted);opacity:.7;margin-top:12px;font-size:.72rem}.blog-footer{z-index:1;border-top:1px solid var(--glass-border);padding:20px;position:relative}.blog-footer__inner{max-width:800px;color:var(--text-muted);justify-content:space-between;margin:0 auto;font-size:.75rem;display:flex}.blog-footer a{color:var(--text-secondary);text-decoration:none}.blog-footer a:hover{color:var(--accent-orange)}@media (width<=768px){.blog-article__title{font-size:1.6rem}.blog-article__intro{font-size:1rem}.blog-software-grid{grid-template-columns:1fr}.blog-main{padding:24px 16px 60px}}
