*{box-sizing:border-box;margin:0;padding:0}body{color:#24292f;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;line-height:1.6}.page-wrapper{background:#fff;border-radius:12px;max-width:1012px;margin:0 auto;padding:0 32px;box-shadow:0 2px 10px #0000001a}.container{padding:24px 0 40px}.top-bar{border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 0 20px;display:flex;position:relative}.top-bar:after{content:"";background:#764ba2;width:60px;height:2px;position:absolute;bottom:-2px;left:0}.top-bar h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;border:none;margin:0;padding:0;font-size:1.8em;font-weight:700}.top-actions{align-items:center;gap:4px;display:flex}.link-button{color:#24292f;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;align-items:center;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-flex}.link-button:hover{color:#667eea;background:#f3f4f6;border-color:#667eea;box-shadow:0 1px 3px #667eea33}.link-button svg{margin-right:6px}.icon-button{color:#656d76;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.icon-button:hover{color:#667eea;background:#f3f4f6;border-color:#d0d7de}.icon-button:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#000c;border-radius:4px;margin-top:8px;padding:6px 12px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.icon-button:hover:after{opacity:1;visibility:visible}.icon-button:before{content:"";opacity:0;visibility:hidden;z-index:1000;border:6px solid #0000;border-bottom-color:#000c;margin-top:2px;transition:opacity .2s,visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.icon-button:hover:before{opacity:1;visibility:visible}.lang-select{cursor:pointer;color:#24292f;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .3s}.lang-select:hover{border-color:#667eea}.lang-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.markdown-content h1{color:#1f2328;border-bottom:1px solid #d0d7de;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{color:#1f2328;border-bottom:1px solid #d0d7de;border-left:4px solid #667eea;margin:32px 0 16px;padding:0 0 8px 16px;font-size:1.5em}.markdown-content h3{color:#667eea;margin:24px 0 16px;font-size:1.25em}.markdown-content h4{margin:20px 0 12px;font-size:1.1em}p{color:#24292f;margin-bottom:16px;font-size:16px}.feature-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px #0000001a}.feature-box p{color:#fff;margin-bottom:8px}.terminal-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.terminal-badge{backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:6px 12px;font-size:14px}.info-box{background:#ddf4ff;border:1px solid #54aeff;border-radius:6px;margin-bottom:24px;padding:16px}.info-box p{color:#0969da;margin-bottom:8px}.code-block,.markdown-content pre{color:#24292f;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;margin-bottom:16px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0;font-size:14px}.markdown-content code{background:#afb8c133;border-radius:6px;padding:2px 4px;font-size:85%}.markdown-content ul,.markdown-content ol{margin-bottom:16px;padding-left:2em}.markdown-content ul ul,.markdown-content ol ol,.markdown-content ul ol,.markdown-content ol ul{margin-bottom:0}.markdown-content li,.markdown-content li>p{margin-bottom:4px}.markdown-content img{border-radius:8px;max-width:100%;height:auto;margin:24px 0;display:block;box-shadow:0 4px 12px #00000014}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:16px;display:block;overflow-x:auto}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #d0d7de;padding:8px 12px}.markdown-content th{background:#f6f8fa;font-weight:600}.markdown-content tr:nth-child(2n){background-color:#f6f8fa}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.screenshot-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.screenshot-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.screenshot-card img{width:100%;height:auto;display:block}.screenshot-card .caption{color:#656d76;text-align:center;background:#f6f8fa;border-top:1px solid #d0d7de;padding:12px;font-size:14px}#screenshots-heading{border-left:4px solid #667eea;margin-top:32px;padding-left:16px}.footer{text-align:center;color:#656d76;border-top:1px solid #d0d7de;margin-top:40px;padding-top:20px;font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px;display:flex}.footer-links a{color:#667eea;font-weight:500;text-decoration:none}.footer-links a:hover{color:#764ba2;text-decoration:underline}a{color:#0969da;text-decoration:none}a:hover{text-decoration:underline}.loading-indicator{text-align:center;color:#656d76;padding:40px}.spinner{border:3px solid #d0d7de;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#cf1322;background:#fff1f0;border:1px solid #ffa39e;border-radius:6px;margin-bottom:24px;padding:16px}.lightbox-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox-overlay.active{display:flex}.lightbox-overlay img{object-fit:contain;max-width:90%;max-height:90%}.lightbox-close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;position:absolute;top:20px;right:30px}@media (width<=768px){.page-wrapper{padding:0 16px}.container{padding:20px 0}.top-bar{flex-wrap:wrap;gap:10px;padding:20px 0 16px}.top-actions{flex-wrap:wrap}.top-bar h1{font-size:1.4em}.screenshots-grid{grid-template-columns:1fr}}[data-theme=dark] body{color:#e2e8f0;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme=dark] .page-wrapper{background:#1e1e1e;box-shadow:0 2px 10px #00000080}[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2,[data-theme=dark] .top-bar h1,[data-theme=dark] p,[data-theme=dark] .blog-card-new .card-title{color:#e2e8f0}[data-theme=dark] .markdown-content h3{color:#8b9cf7}[data-theme=dark] .link-button,[data-theme=dark] .blog-card-new{color:#e2e8f0;background:#2d2d2d;border-color:#444}[data-theme=dark] .link-button:hover,[data-theme=dark] .blog-card-new:hover{background:#333;border-color:#8b9cf7}[data-theme=dark] .code-block,[data-theme=dark] .markdown-content pre,[data-theme=dark] .markdown-content th{color:#e2e8f0;background:#2d2d2d;border-color:#444}[data-theme=dark] .markdown-content code{background:#ffffff1a}[data-theme=dark] .screenshot-card{background:#2d2d2d;border-color:#444}[data-theme=dark] .screenshot-card .caption{color:#a0aec0;background:#252525;border-top-color:#444}[data-theme=dark] .footer{color:#a0aec0;border-top-color:#444}[data-theme=dark] a{color:#8b9cf7}.lang-switch-btn[data-astro-cid-nen7h5rs]{margin-left:8px;font-weight:500}.home-link[data-astro-cid-nen7h5rs]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}
