*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif;background-color:#fff;color:#1e293b;line-height:1.7;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}.container{max-width:900px;margin:0 auto;padding:0 20px}a{color:#000507;text-decoration:none;transition:.2s ease}a:hover{color:#0ca1eb;text-decoration:underline}h1,h2,h3




h1{font-size:2.4rem;margin-top:.5rem}h2{font-size:1.6rem}h3{font-size:1.25rem;margin-top:1.5rem}p{margin:1rem 0;font-size:1.1rem}p,ul{color:#334155}ul{margin:1rem 0 1rem 1.5rem}li{margin-bottom:.5rem}img{max-width:100%;height:auto;border-radius:10px;border:1px solid #e2e8f0;transition:transform .2s ease}img:hover{transform:scale(1.01)}.card{background:#fff;border-radius:14px;padding:24px;margin-bottom:32px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(14,165,233,.05);transition:box-shadow .2s ease,transform .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(14,165,233,.12)}.blog-content{font-size:1.1rem;color:#334155}.blog-content strong{color:#0f172a}.blog-content code{background:#f1f5f9;color:#0f172a;font-size:.95rem;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Consolas,monospace}.blog-content blockquote{border-left:4px solid #0ea5e9;background:#f0f9ff;padding:12px 16px;margin:1.5rem 0;border-radius:6px;color:#0f172a}header{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid #e2e8f0;z-index:10}footer,header{background:#fff}footer{border-top:1px solid #e2e8f0;padding:20px 0;font-size:.9rem;color:#64748b;text-align:center}button{cursor:pointer;border:none;font-weight:600;padding:10px 18px;border-radius:8px;background:#0ea5e9;color:#fff;transition:background .2s ease}button:hover{background:#0284c7}table{width:100%;border-collapse:collapse;margin:1.5rem 0}td,th{border:1px solid #e0e7ff;padding:8px 12px}th{background:#f1f5f9;font-weight:600}input,textarea{border:1px solid #cbd5e1;padding:10px;border-radius:6px;width:100%;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,.3)}pre{background:#f1f5f9;padding:16px;border-radius:8px;overflow-x:auto;border:1px solid #e2e8f0;margin:1.5rem 0}code,pre code{font-family:JetBrains Mono,Consolas,Monaco,monospace;color:#0f172a;font-size:.95rem;-moz-tab-size:2;tab-size:2;white-space:pre}pre code{background:transparent!important;padding:0!important}.blog-content p code{background:#e2e8f0;padding:2px 5px;border-radius:4px}.search-box{width:100%;max-width:580px;padding:12px 16px;border-radius:10px;border:1px solid #81b3f5;font-size:1rem;background:#fff;color:#1e293b;transition:all .2s ease;margin-bottom:30px}.search-box::placeholder{color:#0c3874}.search-box:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.2)}.view-counter{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.9rem;margin-bottom:20px}.view-counter span{font-weight:500}.view-counter svg{width:16px;height:16px;opacity:.8}