:root,[data-theme=dark]{--bg:#0f1117;--surface:#1a1d27;--surface-2:#1f2230;--border:#2a2d37;--border-light:#353845;--text:#e4e5ea;--text-muted:#9196a8;--text-dim:#6b7084;--green:#69be28;--green-dim:#69be2826;--green-glow:#69be2840;--radius:12px;--radius-sm:8px;--radius-lg:16px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1200px;--header-height:64px}[data-theme=light]{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f1f4;--border:#e2e4e9;--border-light:#d1d4db;--text:#1a1d27;--text-muted:#5f6577;--text-dim:#8b90a0;--green:#4fa620;--green-dim:#4fa6201a;--green-glow:#4fa62026}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--green);border-color:var(--green);background:var(--green-dim)}[data-theme=light] .site-header{border-bottom-color:var(--border);background:#ffffffd9}[data-theme=light] .search-bar{border-color:var(--border);background:#ffffffe6}[data-theme=light] .search-bar:focus-within{border-color:var(--green);background:#fff}[data-theme=light] .hero-bg-grid{opacity:.03}[data-theme=light] .hero-orb{opacity:.08}[data-theme=light] code{color:#2d7a0e;background:#69be2814}[data-theme=light] .hero-title{background:linear-gradient(135deg,#1a1d27 0%,#3a3f50 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .hero-subtitle{color:#5f6577}[data-theme=light] .hero{background:linear-gradient(#f5f6f8 0%,#e8eaef 100%)}[data-theme=light] .category-card{border-color:var(--border);background:#fff;box-shadow:0 2px 8px #0000000a}[data-theme=light] .category-card:hover{box-shadow:0 4px 20px #69be281f}[data-theme=light] .section-title{color:#1a1d27}[data-theme=light] .article-card{background:#fff;box-shadow:0 1px 4px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}a{color:var(--green);text-decoration:none;transition:color .2s}a:hover{color:#7dd636}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{font-family:var(--font-heading);color:var(--text);margin-bottom:32px;font-size:1.5rem;font-weight:700}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(10px,-15px)}50%{transform:translate(-5px,10px)}75%{transform:translate(15px,5px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.7}}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--header-height);background:#0f1117d9;align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.logo:hover{color:var(--text)}.logo-icon{color:var(--green);font-size:1.4rem;line-height:1}.logo-img{width:auto;height:28px}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-sub{color:var(--text-muted);letter-spacing:.03em;font-size:.7rem;font-weight:400}.header-nav{align-items:center;gap:20px;display:flex}.header-link{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .2s}.header-link:hover{color:var(--text)}.hero{text-align:center;padding:100px 0 80px;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.grid-bg{background-image:linear-gradient(#69be280a 1px,#0000 1px),linear-gradient(90deg,#69be280a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.glow-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:6s ease-in-out infinite pulse-glow,20s ease-in-out infinite float;position:absolute}.glow-orb-1{background:#69be281f;width:400px;height:400px;top:-100px;left:20%}.glow-orb-2{background:#69be2814;width:300px;height:300px;animation-delay:3s;bottom:-80px;right:15%}.hero-content{z-index:1;position:relative}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c8cbd0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:800}.hero-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:1.125rem}.search-bar{max-width:560px;margin:0 auto;position:relative}.search-bar-large{max-width:640px}.search-input-wrap{border:1px solid var(--border-light);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);background:#1a1d27b3;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.search-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim), 0 8px 32px #0000004d}.search-bar-large .search-input-wrap{border-radius:var(--radius-lg);background:#1a1d2799}.search-icon{width:20px;height:20px;color:var(--text-dim);pointer-events:none;position:absolute;left:16px}.search-input{width:100%;color:var(--text);font-size:1rem;font-family:var(--font-body);background:0 0;border:none;outline:none;padding:14px 16px 14px 48px}.search-bar-large .search-input{padding:18px 20px 18px 52px;font-size:1.0625rem}.search-input::placeholder{color:var(--text-dim)}.search-results{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius);z-index:50;max-height:360px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #0006}.search-result-item{text-align:left;width:100%;color:var(--text);cursor:pointer;border:none;border-bottom:1px solid var(--border);font-family:var(--font-body);background:0 0;padding:14px 18px;transition:background .15s;display:block}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#69be280f}.search-result-title{margin-bottom:2px;font-size:.9375rem;font-weight:600;display:block}.search-result-excerpt{color:var(--text-muted);font-size:.8125rem;line-height:1.4;display:block}.search-no-results{color:var(--text-muted);text-align:center;padding:20px 18px;font-size:.875rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:28px 24px;transition:border-color .3s,box-shadow .3s,transform .3s;display:block;position:relative;overflow:hidden}.category-card:before{content:"";border-radius:var(--radius);background:radial-gradient(circle at 50% 0%, var(--green-glow) 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.category-card:hover{color:var(--text);border-color:#69be2866;transform:translateY(-2px);box-shadow:0 0 24px #69be281a,0 8px 32px #0003}.category-card:hover:before{opacity:1}.category-card-icon{z-index:1;margin-bottom:12px;font-size:2rem;display:block;position:relative}.category-card-title{font-family:var(--font-heading);z-index:1;margin-bottom:8px;font-size:1.125rem;font-weight:700;position:relative}.category-card-desc{color:var(--text-muted);z-index:1;margin-bottom:16px;font-size:.875rem;line-height:1.5;position:relative}.category-card-count{color:var(--green);text-transform:uppercase;letter-spacing:.05em;z-index:1;font-size:.75rem;font-weight:500;position:relative}.article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.article-list{flex-direction:column;gap:12px;display:flex}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:24px;transition:border-color .3s,box-shadow .3s,transform .2s;display:block}.article-card:hover{border-color:var(--border-light);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 24px #0003}.article-card-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1rem;font-weight:600}.article-card-excerpt{color:var(--text-muted);margin-bottom:12px;font-size:.875rem;line-height:1.5}.article-card-meta{justify-content:space-between;align-items:center;display:flex}.article-card-time{color:var(--text-dim);font-size:.75rem;font-weight:500}.article-card-arrow{color:var(--green);font-size:1.1rem;transition:transform .2s}.article-card:hover .article-card-arrow{transform:translate(4px)}.breadcrumbs{margin-bottom:24px}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:6px;font-size:.8125rem;list-style:none;display:flex}.breadcrumbs li{color:var(--text-dim);align-items:center;gap:6px;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--text-dim)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs span{color:var(--text)}.category-header{align-items:flex-start;gap:20px;margin-bottom:40px;display:flex}.category-header-icon{flex-shrink:0;font-size:2.5rem}.category-header-title{font-family:var(--font-heading);margin-bottom:6px;font-size:2rem;font-weight:700}.category-header-desc{color:var(--text-muted);font-size:1rem}.article-layout{max-width:960px;margin:0 auto;display:block}.article-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:12px;font-size:2.25rem;font-weight:800;line-height:1.2}.article-meta{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:24px;display:flex}.article-read-time{color:var(--text-dim);font-size:.8125rem;font-weight:500}.article-actions{gap:8px;display:flex}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;transition:border-color .2s,color .2s,background .2s;display:flex}.btn-icon:hover{border-color:var(--border-light);color:var(--text);background:var(--surface)}.article-body{font-size:1rem;line-height:1.8}.article-body h2{font-family:var(--font-heading);color:var(--text);margin:48px 0 16px;padding-top:8px;font-size:1.5rem;font-weight:700}.article-body h3{font-family:var(--font-heading);color:var(--text);margin:32px 0 12px;font-size:1.125rem;font-weight:600}.article-body p{color:var(--text-muted);margin-bottom:16px}.article-body ul,.article-body ol{margin-bottom:16px;padding-left:24px}.article-body li{color:var(--text-muted);margin-bottom:8px}.article-body li strong{color:var(--text)}.article-body a{text-underline-offset:3px;-webkit-text-decoration:underline #69be284d;text-decoration:underline #69be284d}.article-body a:hover{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.article-body code{color:var(--green);background:#69be2814;border:1px solid #69be2826;border-radius:5px;padding:2px 7px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.875em}.article-body table{border-collapse:collapse;width:100%;margin:16px 0 24px;font-size:.9375rem}.article-body th,.article-body td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.article-body th{color:var(--text);background:var(--surface);font-weight:600}.article-body td{color:var(--text-muted)}.article-loading{color:var(--text-dim);text-align:center;padding:48px 0}.callout{background:var(--surface);border-left:3px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);margin:24px 0;padding:16px 20px;font-size:.9375rem}.callout strong{color:var(--text)}.callout-warning{border-left-color:#e8a23e}.callout-success{border-left-color:var(--green);background:var(--green-dim)}.callout-success strong{color:var(--green)}.toc{position:relative}.toc-sticky{top:calc(var(--header-height) + 32px);position:sticky}.toc-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:16px;font-size:.75rem;font-weight:600}.toc-list{border-left:1px solid var(--border);list-style:none}.toc-item{margin-bottom:2px}.toc-item a{color:var(--text-dim);border-left:2px solid #0000;margin-left:-1px;padding:4px 0 4px 16px;font-size:.8125rem;line-height:1.5;transition:color .2s,border-color .2s;display:block}.toc-item a:hover{color:var(--text)}.toc-item-sub a{padding-left:28px;font-size:.75rem}.toc-active a{color:var(--green);border-left-color:var(--green)}.article-feedback{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:48px;padding:32px}.feedback-label{font-family:var(--font-heading);color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:600}.feedback-buttons{justify-content:center;gap:12px;display:flex}.feedback-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 24px;transition:all .2s;display:flex}.feedback-btn:hover{border-color:var(--green);color:var(--green);background:var(--green-dim)}.feedback-thanks{color:var(--green);font-size:.9375rem}.related-articles{border-top:1px solid var(--border);margin-top:48px;padding-top:48px}.related-title{font-family:var(--font-heading);margin-bottom:20px;font-size:1.25rem;font-weight:700}.site-footer{border-top:1px solid var(--border);background:var(--bg);padding:48px 0}.footer-inner{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:32px;display:grid}.footer-logo{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:.9375rem;font-weight:700;display:block}.footer-tagline{color:var(--text-dim);font-size:.8125rem}.footer-contact{text-align:center}.footer-contact a{color:var(--text-muted);margin-bottom:4px;font-size:.875rem;display:block}.footer-contact a:hover{color:var(--green)}.footer-copy{text-align:right}.footer-copy p{color:var(--text-dim);font-size:.75rem}@media (width<=900px){.footer-inner{text-align:center;grid-template-columns:1fr;gap:24px}.footer-copy,.footer-contact{text-align:center}}@media (width<=640px){.hero{padding:64px 0 48px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section{padding:40px 0}.category-grid,.article-grid{grid-template-columns:1fr}.article-title{font-size:1.625rem}.article-meta{flex-direction:column;align-items:flex-start}.category-header{flex-direction:column;gap:12px}.category-header-title{font-size:1.5rem}}@media print{.site-header,.site-footer,.toc,.article-actions,.article-feedback,.related-articles,.breadcrumbs{display:none!important}body{color:#000;background:#fff}.article-body p,.article-body li,.article-body td{color:#333}.article-body h2,.article-body h3,.article-title{color:#000}.callout{background:#f5f5f5;border-left-color:#333}}.step-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:0 0 32px;padding:20px;transition:border-color .2s;display:grid}.step-row:hover{border-color:var(--green)}.step-text h3{color:var(--green);margin-bottom:8px;font-size:1rem}.step-text p{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;line-height:1.7}.step-text p:last-child{margin-bottom:0}.step-img{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#fff;justify-content:center;align-items:center;max-height:280px;display:flex;overflow:hidden}.step-img img{object-fit:contain;object-position:bottom;width:100%;height:auto;max-height:280px;display:block}[data-theme=light] .step-row{background:#fff;box-shadow:0 2px 8px #0000000a}[data-theme=light] .step-img{border-color:var(--border)}@media (width<=768px){.step-row{grid-template-columns:1fr}}.section-with-video{grid-template-columns:1fr 400px;align-items:start;gap:32px;margin:16px 0 32px;display:grid}.section-content{min-width:0}.section-video{border-radius:var(--radius);overflow:hidden}.section-video-sticky{top:calc(var(--header-height) + 24px);position:sticky}.section-with-video .step-row{grid-template-columns:1fr 1fr}@media (width<=1100px){.section-with-video{grid-template-columns:1fr}.section-video-sticky{position:static}.section-video{order:-1;margin-bottom:8px}}@media (width<=768px){.section-with-video .step-row{grid-template-columns:1fr}}.video-player{border-radius:var(--radius);position:relative;overflow:hidden}.video-player video{border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%;display:block;box-shadow:0 4px 24px #00000040}.video-player video:hover{border-color:var(--green);box-shadow:0 4px 24px #69be2826}.video-play-overlay{border-radius:var(--radius);background:#0000004d;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-player:hover .video-play-overlay{background:#00000026}.video-play-overlay svg{transition:transform .2s}.video-player:hover .video-play-overlay svg{transform:scale(1.1)}[data-theme=light] .video-player video{box-shadow:0 4px 20px #0000001a}.video-progress-bar{cursor:pointer;border-radius:0 0 var(--radius) var(--radius);z-index:10;background:#00000080;height:16px;position:absolute;bottom:0;left:0;right:0}.video-progress-fill{background:#69be28;border-radius:2px;height:4px;transition:width .1s linear;position:absolute;top:0;left:0}.video-progress-time{font-size:10px;font-family:var(--font-mono,monospace);color:#fffc;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:space-between;padding:3px 8px 0;line-height:1;display:flex}.screenshot{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin:16px 0 24px;overflow:hidden}.screenshot img{width:100%;max-width:600px;height:auto;margin:0 auto;padding:12px;display:block}