:root{--bg-primary: #18181A;--bg-secondary: #1E1F23;--bg-card: #1E1F23;--bg-card-hover: #2A2C32;--bg-elevated: #23232C;--bg-dark: #141416;--bg-dropdown: #242427;--red-primary: #E63946;--red-secondary: #C22E39;--red-glow: rgba(230, 57, 70, 0.15);--red-soft: rgba(230, 57, 70, 0.08);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, 0.85);--text-muted: #9797AA;--text-faded: #7A7A8A;--border: #2A2C32;--border-hover: #3A3C42;--border-dark: #1E1F23;--input-border-hover: #4A4C52;--color-success: #4CAF50;--color-error: #FF4444;--color-gold: #FFD700;--radius-xs: 4px;--radius: 6px;--radius-lg: 12px;--transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);--gap: 12px;--half-grid: 8px;--grid: 16px;--lg-grid: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 800px 600px at 20% 10%, rgba(230,57,70,0.06), transparent),radial-gradient(ellipse 600px 500px at 80% 80%, rgba(120,40,200,0.03), transparent)}.noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)'/%3E%3C/svg%3E");background-size:128px}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:rgba(24,24,26,0.85);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border)}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.navbar-brand:hover{text-decoration:none}.navbar-brand .logo{display:flex;align-items:center;gap:8px}.navbar-brand .logo__image{height:28px;width:auto}.navbar-brand .logo__text{font-weight:800;font-size:22px;letter-spacing:2px}.navbar-brand .divider{width:1px;height:24px;background:var(--text-muted);opacity:0.4}.navbar-brand .help-label{font-weight:400;font-size:15px;color:var(--text-secondary);letter-spacing:0.5px}.navbar-links{display:flex;align-items:center;gap:8px}.navbar-links a{text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:var(--transition)}.navbar-links a:hover{color:var(--text-primary);background:rgba(255,255,255,0.05);text-decoration:none}.navbar-links a.active{color:var(--text-primary);background:rgba(255,255,255,0.05)}.navbar-links .btn-back{background:var(--red-primary);color:white !important;padding:8px 20px;border-radius:50px;font-weight:600}.navbar-links .btn-back:hover{background:var(--red-secondary);color:white !important}.main{position:relative;z-index:1}.hero{text-align:center;padding:80px 40px 60px;position:relative}.hero::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg, transparent, var(--border-hover), transparent)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--red-soft);border:1px solid rgba(230,57,70,0.2);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;color:var(--red-primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;animation:fadeInDown 0.6s ease}.hero-badge svg{width:14px;height:14px}.hero h1{font-size:clamp(32px, 5vw, 56px);font-weight:700;line-height:1.15;margin-bottom:16px;letter-spacing:-1px;animation:fadeInDown 0.6s ease 0.1s both}.hero h1 span{color:var(--red-primary)}.hero p{font-size:17px;color:var(--text-secondary);max-width:540px;margin:0 auto 36px;line-height:1.65;font-weight:300;animation:fadeInDown 0.6s ease 0.2s both}.hero--compact{padding:40px 40px 40px}.hero--compact::after{display:none}.hero--compact .search-wrap{animation:none}.search-wrap{max-width:560px;margin:0 auto;position:relative;animation:fadeInDown 0.6s ease 0.3s both}.search-wrap .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);transition:var(--transition);pointer-events:none}.search-wrap input{width:100%;padding:16px 100px 16px 52px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:400;outline:none;transition:var(--transition)}.search-wrap input::placeholder{color:var(--text-muted)}.search-wrap input:focus{border-color:rgba(230,57,70,0.4);box-shadow:0 0 0 4px var(--red-glow);background:var(--bg-card-hover)}.search-wrap input:focus~.search-icon{color:var(--red-primary)}.search-shortcut{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:4px}.search-shortcut kbd{background:var(--bg-elevated);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius);font-family:'Fira Mono', monospace;font-size:11px;color:var(--text-muted)}.content-area{max-width:1120px;margin:0 auto;padding:60px 40px 80px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;animation:fadeInUp 0.5s ease both;text-decoration:none;display:block}.category-card:nth-child(1){animation-delay:0.05s}.category-card:nth-child(2){animation-delay:0.1s}.category-card:nth-child(3){animation-delay:0.15s}.category-card:nth-child(4){animation-delay:0.2s}.category-card:nth-child(5){animation-delay:0.25s}.category-card:nth-child(6){animation-delay:0.3s}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red-primary);transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.category-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.3);text-decoration:none}.category-card:hover::before{transform:scaleX(1)}.category-card:hover .category-icon{background:var(--red-glow)}.category-icon{width:48px;height:48px;background:var(--red-soft);border:1px solid rgba(230,57,70,0.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--transition)}.category-icon svg{width:22px;height:22px;color:var(--red-primary)}.category-card h3{font-size:18px;font-weight:600;margin-bottom:8px;letter-spacing:-0.3px;color:var(--text-primary)}.category-card .desc{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:16px;font-weight:300}.category-card .article-count{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.category-card .article-count svg{width:14px;height:14px}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:16px;margin-bottom:40px}.subcategory-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:var(--transition);display:block;text-decoration:none}.subcategory-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);text-decoration:none}.subcategory-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.subcategory-card h3 a{color:inherit;text-decoration:none}.subcategory-card .page-count{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.subcategory-card .page-count.empty{opacity:0.6}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;animation:fadeInDown 0.4s ease}.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.breadcrumbs a:hover{color:var(--red-primary)}.breadcrumbs .sep{color:var(--text-muted);opacity:0.4}.breadcrumbs .current{color:var(--text-secondary)}.section-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;padding-left:2px}.article-list{display:flex;flex-direction:column;gap:6px;margin-bottom:40px}.article-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none;color:inherit}.article-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateX(4px);text-decoration:none}.article-item:hover .arrow-icon{color:var(--red-primary);transform:translateX(3px)}.article-item .icon-wrap{width:36px;height:36px;flex-shrink:0;background:var(--red-soft);border-radius:8px;display:flex;align-items:center;justify-content:center}.article-item .icon-wrap svg{width:16px;height:16px;color:var(--red-primary)}.article-item .item-content{flex:1;min-width:0}.article-item .item-title{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.article-item .item-meta{font-size:12px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:10px}.article-item .item-meta .tag{background:var(--red-soft);color:var(--red-primary);padding:1px 8px;border-radius:var(--radius-xs);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:0.5px}.article-item .arrow-icon{color:var(--text-muted);transition:var(--transition);flex-shrink:0;width:16px;height:16px}.category-header{margin-bottom:40px;animation:fadeInDown 0.4s ease}.category-header h1{font-size:32px;font-weight:700;letter-spacing:-0.5px;margin-bottom:8px}.category-header .category-desc{font-size:16px;color:var(--text-secondary);font-weight:300}.article-view{display:grid;grid-template-columns:1fr 240px;gap:48px;animation:fadeInUp 0.4s ease}.article-body h1{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-0.5px;line-height:1.25}.article-meta-bar{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted)}.article-meta-bar .reading-time{display:flex;align-items:center;gap:5px}.article-meta-bar .reading-time svg{width:14px;height:14px}.article-sidebar{position:sticky;top:100px}.sidebar-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}.toc-list{list-style:none;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border);padding-left:16px;margin:0}.toc-list li a{display:block;font-size:13px;color:var(--text-muted);text-decoration:none;padding:4px 0;transition:var(--transition)}.toc-list li a:hover{color:var(--text-primary)}.toc-list li a.active{color:var(--red-primary)}.toc-list li.toc-level-3{padding-left:12px}.toc-list li.toc-level-3 a{font-size:12px;color:var(--text-muted);opacity:0.85}.toc-list li.toc-level-4{padding-left:24px}.toc-list li.toc-level-4 a{font-size:11px;opacity:0.75}.article-feedback{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);text-align:center}.article-feedback p{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.feedback-btns{display:flex;gap:10px;justify-content:center}.feedback-btns button{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.feedback-btns button:hover{border-color:var(--border-hover);background:var(--bg-card-hover);color:var(--text-primary)}.feedback-btns button svg{width:16px;height:16px}.search-results{display:none}.search-results.active{display:block}.search-results-header{font-size:14px;color:var(--text-muted);margin-bottom:20px;font-weight:400}.search-results-header strong{color:var(--text-primary);font-weight:600}.no-results{text-align:center;padding:60px 20px;animation:fadeInUp 0.4s ease}.no-results svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.no-results h3{font-size:18px;margin-bottom:8px}.no-results p{font-size:14px;color:var(--text-muted)}.empty-category{text-align:center;padding:60px 20px;border-radius:var(--radius);color:var(--text-secondary);margin:0;background:var(--bg-card);border:1px solid var(--border)}.footer{text-align:center;padding:40px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);position:relative;z-index:1}.footer a{color:var(--red-primary);text-decoration:none}.footer a:hover{text-decoration:underline}.footer .footer-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.footer .footer-links .separator{color:var(--text-muted);opacity:0.5}@keyframes fadeInDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navbar{padding:14px 20px}.navbar-links a:not(.btn-back){display:none}.hero{padding:50px 20px 40px}.hero--compact{padding:30px 20px 30px}.content-area{padding:40px 20px 60px}.categories-grid{grid-template-columns:1fr}.subcategories-grid{grid-template-columns:1fr}.article-view{grid-template-columns:1fr}.article-sidebar{display:none}.search-shortcut{display:none}.hero--article{padding:30px 20px 24px}.hero--article .hero-badge,.hero--article h1,.hero--article p{display:none}.hero--article::after{display:none}}.article-content,.markdown-body{color:var(--text-secondary);font-size:15px;line-height:1.75;font-weight:300}.article-content h2,.article-content h3,.article-content h4,.markdown-body h2,.markdown-body h3,.markdown-body h4{scroll-margin-top:80px}.article-content h2,.markdown-body h2{font-size:22px;font-weight:600;margin:36px 0 14px;letter-spacing:-0.3px;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border)}.article-content h3,.markdown-body h3{font-size:17px;font-weight:600;margin:28px 0 10px;color:var(--text-primary)}.article-content h4,.markdown-body h4{font-size:15px;font-weight:600;margin:24px 0 8px;color:var(--text-primary)}.article-content p,.markdown-body p{font-size:15px;color:var(--text-secondary);line-height:1.75;margin-bottom:16px;font-weight:300}.article-content a,.markdown-body a{color:var(--red-primary);text-decoration:none;transition:var(--transition)}.article-content a:hover,.markdown-body a:hover{text-decoration:underline}.article-content strong,.article-content b,.markdown-body strong,.markdown-body b{font-weight:600;color:var(--text-primary)}.article-content a strong,.article-content a b,.markdown-body a strong,.markdown-body a b{color:inherit}.article-content ul,.article-content ol,.markdown-body ul,.markdown-body ol{margin:0 0 16px 20px;color:var(--text-secondary);font-size:15px;line-height:1.75;font-weight:300}.article-content li,.markdown-body li{margin-bottom:6px}.article-content li::marker{color:var(--red-primary)}.article-content code,.markdown-body code{font-family:'Fira Mono', monospace;background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius);font-size:13px;color:var(--red-primary);border:1px solid var(--border)}.article-content pre,.markdown-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;overflow-x:auto;margin-bottom:20px}.article-content pre code,.markdown-body pre code{background:none;border:none;padding:0;color:var(--text-secondary);font-size:13px;line-height:1.7}.article-content blockquote,.markdown-body blockquote{background:var(--red-soft);border:1px solid rgba(230,57,70,0.15);border-left:3px solid var(--red-primary);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:20px 0;font-size:14px;color:var(--text-secondary);line-height:1.65}.article-content blockquote strong,.markdown-body blockquote strong{color:var(--text-primary)}.article-content blockquote p:last-child,.markdown-body blockquote p:last-child{margin-bottom:0}.article-content blockquote.info,.markdown-body blockquote.info,.article-content .callout-info{background:rgba(56,152,232,0.06);border-color:rgba(56,152,232,0.15);border-left-color:#3898e8}.article-content table,.markdown-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.article-content th,.markdown-body th{background:var(--bg-card);color:var(--text-primary);font-weight:600;text-align:left;padding:12px 16px;border:1px solid var(--border)}.article-content td,.markdown-body td{padding:12px 16px;border:1px solid var(--border);color:var(--text-secondary)}.article-content tr:nth-child(even) td,.markdown-body tr:nth-child(even) td{background:var(--bg-card)}.article-content img,.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:20px 0;border:1px solid var(--border)}.article-content hr,.markdown-body hr{border:none;height:1px;background:var(--border);margin:32px 0}.video-embed{position:relative;border-radius:var(--radius);overflow:hidden;margin:24px 0;background:var(--bg-secondary);border:1px solid var(--border);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.video-embed:hover{border-color:var(--border-hover)}.video-embed .play-btn{width:64px;height:64px;background:var(--red-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(230,57,70,0.4);transition:var(--transition)}.video-embed:hover .play-btn{transform:scale(1.08);box-shadow:0 12px 40px rgba(230,57,70,0.5)}.video-embed .play-btn svg{width:24px;height:24px;color:white;margin-left:3px}.video-embed .video-label{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);padding:6px 12px;border-radius:8px;font-size:12px;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.video-embed .video-label svg{width:12px;height:12px;color:var(--red-primary)}.step-block{display:flex;gap:16px;margin:24px 0}.step-number{width:32px;height:32px;flex-shrink:0;background:var(--red-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;margin-top:2px}.step-content{flex:1}.step-content p{margin-bottom:8px}.callout{background:var(--red-soft);border:1px solid rgba(230,57,70,0.15);border-left:3px solid var(--red-primary);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:20px 0;font-size:14px;color:var(--text-secondary);line-height:1.65}.callout strong{color:var(--text-primary)}.callout-info{background:rgba(56,152,232,0.06);border-color:rgba(56,152,232,0.15);border-left-color:#3898e8}.anchor{opacity:0;margin-left:8px;color:var(--text-muted);transition:var(--transition);text-decoration:none}.anchor:hover{color:var(--red-primary)}h2:hover .anchor,h3:hover .anchor,h4:hover .anchor{opacity:1}.octicon-link::before{content:'#';font-weight:600}.highlight .hll{background-color:var(--bg-elevated)}.highlight .c{color:var(--text-muted);font-style:italic}.highlight .err{color:#E63946}.highlight .k{color:#c678dd}.highlight .o{color:var(--text-secondary)}.highlight .cm{color:var(--text-muted);font-style:italic}.highlight .cp{color:#e5c07b}.highlight .c1{color:var(--text-muted);font-style:italic}.highlight .cs{color:var(--text-muted);font-style:italic}.highlight .gd{color:#E63946}.highlight .ge{font-style:italic}.highlight .gr{color:#E63946}.highlight .gh{color:var(--text-primary);font-weight:600}.highlight .gi{color:#98c379}.highlight .go{color:var(--text-muted)}.highlight .gp{color:var(--text-muted)}.highlight .gs{font-weight:700}.highlight .gu{color:#61afef;font-weight:600}.highlight .gt{color:#E63946}.highlight .kc{color:#c678dd}.highlight .kd{color:#c678dd}.highlight .kn{color:#c678dd}.highlight .kp{color:#c678dd}.highlight .kr{color:#c678dd}.highlight .kt{color:#e5c07b}.highlight .m{color:#d19a66}.highlight .s{color:#98c379}.highlight .na{color:#61afef}.highlight .nb{color:#e5c07b}.highlight .nc{color:#e5c07b}.highlight .no{color:#d19a66}.highlight .nd{color:#61afef}.highlight .ni{color:var(--text-primary)}.highlight .ne{color:#E63946}.highlight .nf{color:#61afef}.highlight .nl{color:var(--text-primary)}.highlight .nn{color:#e5c07b}.highlight .nt{color:#E63946}.highlight .nv{color:#E63946}.highlight .ow{color:#c678dd}.highlight .w{color:var(--text-secondary)}.highlight .mf{color:#d19a66}.highlight .mh{color:#d19a66}.highlight .mi{color:#d19a66}.highlight .mo{color:#d19a66}.highlight .sb{color:#98c379}.highlight .sc{color:#98c379}.highlight .sd{color:#98c379}.highlight .s2{color:#98c379}.highlight .se{color:#d19a66}.highlight .sh{color:#98c379}.highlight .si{color:#98c379}.highlight .sx{color:#98c379}.highlight .sr{color:#98c379}.highlight .s1{color:#98c379}.highlight .ss{color:#98c379}.highlight .bp{color:#e5c07b}.highlight .vc{color:#E63946}.highlight .vg{color:#E63946}.highlight .vi{color:#E63946}.highlight .il{color:#d19a66}