:root{--primary:#0288D1;--primary-dim:rgba(2,136,209,0.1);--text-main:#1A202C;--text-light:#2D3748;--text-muted:#2D3748;--card-bg:#FFFFFF;--body-bg:#F5F7FA;--hero-gradient-start:#E3F2FD;--hero-gradient-mid:#BBDEFB;--hero-gradient-end:rgba(144,202,249,0.6);--feature-zone-bg:#F5F7FA;--wave-fill-1:#E3F2FD;--wave-fill-2:#F5F7FA;--bar-track-bg:#E2E8F0;--border-color:rgba(0,0,0,0.08);--border-secondary:#F0F4F8;--shadow-color:rgba(137,207,240,0.25);--feature-icon-bg:#E3F2FD;--badge-bg:white;--badge-border:#E3F2FD;--btn-secondary-bg:white;--blob-1:#FFEBEE;--blob-2:#E0F7FA;--tag-supported-bg:#E1F4FF;--tag-supported-text:#0288D1;--tag-limited-bg:#FFEBEE;--tag-limited-text:#E57373;--radius-l:32px;--radius-m:20px;--max-width:1200px}[data-theme="dark"]{--primary:#64B5F6;--primary-dim:rgba(100,181,246,0.15);--text-main:#E0E0E0;--text-light:#9E9E9E;--text-muted:#B0BEC5;--card-bg:#1E2A32;--body-bg:#0D1117;--hero-gradient-start:#131A22;--hero-gradient-mid:#1a2733;--hero-gradient-end:rgba(22,36,51,0.95);--feature-zone-bg:#0D1117;--wave-fill-1:#131A22;--wave-fill-2:#0D1117;--bar-track-bg:#263238;--border-color:rgba(255,255,255,0.08);--border-secondary:#263238;--shadow-color:rgba(0,0,0,0.4);--feature-icon-bg:rgba(100,181,246,0.15);--badge-bg:#1E2A32;--badge-border:#37474F;--btn-secondary-bg:#1E2A32;--blob-1:rgba(255,64,129,0.1);--blob-2:rgba(100,181,246,0.1);--tag-supported-bg:rgba(100,181,246,0.15);--tag-supported-text:#64B5F6;--tag-limited-bg:rgba(244,67,54,0.15);--tag-limited-text:#EF5350}[data-lang="en"]{display:none}[data-lang="vi"]{display:block}html[lang="en"] [data-lang="en"]{display:block}html[lang="en"] [data-lang="vi"]{display:none}.theme-toggle{position:fixed;bottom:24px;left:24px;width:52px;height:52px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 28px var(--shadow-color)}.theme-toggle:active{transform:scale(0.95)}.theme-toggle svg{width:24px;height:24px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.theme-toggle .sun-icon{color:#FFB300;position:absolute;opacity:0;transform:rotate(-90deg) scale(0)}.theme-toggle .moon-icon{color:#64B5F6;position:absolute;opacity:1;transform:rotate(0) scale(1)}[data-theme="dark"] .theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme="dark"] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg) scale(0)}body,.card-bg,.box-card,.feature-card,nav,.hero-badge,.btn,footer,.theme-toggle{transition:background-color 0.4s cubic-bezier(0.23,1,0.32,1),color 0.4s cubic-bezier(0.23,1,0.32,1),border-color 0.4s cubic-bezier(0.23,1,0.32,1),box-shadow 0.4s cubic-bezier(0.23,1,0.32,1)}*{margin:0;padding:0;box-sizing:border-box}.scroll-top{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0;transform:translateY(20px);pointer-events:none;color:var(--primary)}.scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:all}.scroll-top:hover{transform:translateY(-4px);box-shadow:0 6px 28px var(--shadow-color);background:var(--primary);color:white;border-color:var(--primary)}.scroll-top:active{transform:scale(0.95)}.scroll-top svg{width:24px;height:24px;transition:inherit}html{overflow-x:hidden;width:100%;scroll-padding-top:80px}body{background-color:var(--body-bg);color:var(--text-main);font-family:'Quicksand',sans-serif;line-height:1.6;overflow-x:clip;min-height:100vh;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--body-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--body-bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 30px;position:relative;z-index:2}svg.icon{width:22px;height:22px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}@media (prefers-reduced-motion:reduce){.reveal{transition:opacity 0.3s ease-out;transform:none}.reveal.active{transform:none}.float-animation{animation:none}}.reveal.active{opacity:1;transform:translateY(0)}.reveal.fade-up{transform:translateY(40px)}.reveal.zoom-in{transform:scale(0.95)}.reveal.active{transform:translateY(0) scale(1)}.features-grid .feature-card:nth-child(2){transition-delay:0.1s}.features-grid .feature-card:nth-child(3){transition-delay:0.2s}.features-grid .feature-card:nth-child(4){transition-delay:0.1s}.features-grid .feature-card:nth-child(5){transition-delay:0.2s}.features-grid .feature-card:nth-child(6){transition-delay:0.3s}.delay-200{transition-delay:0.2s}.delay-400{transition-delay:0.4s}nav{display:flex;justify-content:space-between;width:100%;max-width:100%;margin:0;align-items:center;padding:12px max(30px,calc(50% - 600px));border-radius:0;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.75);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:none;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-sizing:border-box}[data-theme="dark"] nav{background:rgba(13,17,23,0.85);box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);border-color:var(--border-color)}.logo{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:var(--text-main)}.logo img{width:32px;height:32px;border-radius:8px}.nav-links{display:flex;gap:30px;justify-self:end}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:700;font-size:15px;transition:0.2s}.nav-links a:hover{color:var(--primary)}.hero-wrapper{position:relative;padding-bottom:120px;z-index:1;width:100%;overflow-x:hidden}.content-wrapper{position:relative;background:linear-gradient(180deg,var(--hero-gradient-start) 0%,var(--hero-gradient-mid) 20%,var(--hero-gradient-end) 100%);padding-bottom:60px;padding-top:120px;z-index:5;z-index:5;backdrop-filter:blur(2px);width:100%;overflow:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 0 20px;gap:80px}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--badge-bg);color:#0277BD;padding:8px 18px;border-radius:100px;font-size:14px;font-weight:800;margin-bottom:24px;border:1px solid var(--badge-border);box-shadow:0 4px 15px var(--shadow-color)}h1{font-size:52px;line-height:1.2;margin-bottom:24px;color:var(--text-main);font-weight:800}h1 span{background:linear-gradient(135deg,var(--primary) 0%,#42A5F5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary);display:inline-block}.hero-desc{font-size:18px;color:var(--text-light);margin-bottom:40px;max-width:480px}.btn-group{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:var(--radius-m);font-weight:700;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;font-size:16px}.btn-primary{background:var(--primary);color:white;box-shadow:0 8px 20px rgba(137,207,240,0.4)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-main);border:2px solid var(--border-secondary)}.btn:hover{transform:translateY(-4px)}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:480px}.hero-card img{max-width:100%;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(137,207,240,0.3));transition:transform 0.5s ease-out}.hero-card:hover img{transform:scale(1.02) rotate(-1deg)}.section-title{text-align:center;margin-bottom:60px;padding-top:0}.section-title h2{font-size:42px;font-weight:800;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;color:var(--text-main)}.section-title p{color:var(--text-muted)}.box-card,.feature-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 12px 32px -8px var(--shadow-color);padding:40px;border-radius:var(--radius-l);transition:transform 0.3s,box-shadow 0.3s,background-color 0.3s;height:100%}.benchmark-layout{display:grid;grid-template-columns:1.4fr 0.8fr;gap:40px;padding-bottom:80px}.chart-item{margin-bottom:30px}.chart-header{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:700;color:var(--text-main);font-size:15px}.bar-track{height:16px;background:var(--bar-track-bg);border-radius:100px;overflow:hidden}.bar-value{height:100%;border-radius:100px;width:0}.bar-value.animate{animation:bar-load 1s ease-out forwards}.bar-sameko{background:#039BE5;box-shadow:0 0 12px rgba(3,155,229,0.35)}.bar-devcpp6{background:#90A4AE}.bar-devcpp5{background:#B0BEC5}.bar-codeblocks{background:#CFD8DC}.bar-vscode{background:#ECEFF1}.standard-item{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:2px solid var(--border-secondary);font-weight:700;color:var(--text-muted)}.standard-item:last-child{border-bottom:none}.tag-supported{background:var(--tag-supported-bg);color:var(--tag-supported-text);padding:6px 14px;border-radius:20px;font-size:13px}.tag-limited{background:var(--tag-limited-bg);color:var(--tag-limited-text);padding:6px 14px;border-radius:20px;font-size:13px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.feature-icon-box{width:70px;height:70px;background:var(--feature-icon-bg);color:var(--primary);border-radius:24px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;transition:0.3s;position:relative;overflow:visible}@keyframes pop{50%{transform:scale(1.4)}}.feature-card:nth-child(1):hover .feature-icon-box .icon{animation:pop 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes wiggle{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.feature-card:nth-child(2):hover .feature-icon-box .icon{animation:wiggle 0.4s ease-in-out infinite}@keyframes float-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-card:nth-child(3):hover .feature-icon-box .icon{animation:float-icon 1s ease-in-out infinite}@keyframes panic{0%,100%{transform:translateX(0);stroke:#F44336}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.feature-card:nth-child(4):hover .feature-icon-box .icon{animation:panic 0.3s ease-in-out infinite;stroke:#EF5350}@keyframes spin-color{0%{transform:rotate(0deg);stroke:#039BE5}50%{stroke:#FF4081}100%{transform:rotate(360deg);stroke:#039BE5}}.feature-card:nth-child(5):hover .feature-icon-box .icon{animation:spin-color 2s linear infinite}@keyframes bounce-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(5px) scaleY(0.9)}}.feature-card:nth-child(6):hover .feature-icon-box .icon{animation:bounce-icon 0.6s ease infinite}.feature-card h3{font-size:20px;margin-bottom:12px;color:var(--text-main)}.feature-card p{font-size:15px;color:var(--text-light)}.wave-divider,.wave-divider-2{position:absolute;bottom:0;left:0;right:0;width:100%;overflow:hidden;line-height:0}.wave-divider{top:-1px;transform:none;z-index:10}.wave-divider-2{bottom:-1px;z-index:10}.wave-divider svg,.wave-divider-2 svg{position:relative;display:block;width:100%;height:60px}.wave-divider .shape-fill{fill:var(--body-bg)}.wave-divider-2 .shape-fill{fill:var(--wave-fill-2)}.float-animation{animation:float-hero 6s ease-in-out infinite;will-change:transform}@keyframes float-hero{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect::after{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);transform:skewX(-20deg);animation:shimmer 3s infinite;will-change:left}@keyframes shimmer{0%{left:-150%}20%{left:150%}100%{left:150%}}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:0.6;animation:blob-move 20s infinite alternate;will-change:transform}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:var(--blob-1)}.blob-2{bottom:10%;right:-10%;width:400px;height:400px;background:var(--blob-2);animation-delay:-5s}@keyframes blob-move{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,-30px) scale(1.1)}}footer{text-align:center;padding:100px 0 60px;color:var(--text-muted);background:transparent;position:relative;z-index:10}@keyframes bar-load{to{width:var(--w)}}@media (max-width:900px){.container{padding:0 20px}.hero,.benchmark-layout,.features-grid{grid-template-columns:1fr}.hero{text-align:center;gap:40px;padding:20px 0}.hero-content{order:1}.hero-visual{order:2;min-height:auto}.hero-card img{max-width:350px;margin:0 auto}.hero-desc{margin-left:auto;margin-right:auto}.btn-group{justify-content:center;flex-wrap:wrap}.wave-divider svg,.wave-divider-2 svg{height:30px}nav{display:flex;flex-direction:column;gap:20px}.nav-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.nav-links a{margin-left:0}h1{font-size:38px}.section-title h2{font-size:32px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.container{padding:0 16px}h1{font-size:28px;line-height:1.3}.hero-desc{font-size:16px;margin-bottom:30px}.hero-badge{font-size:12px;padding:6px 14px}.hero-card img{max-width:280px}.hero-visual{min-height:300px}.btn-group{flex-direction:column;gap:12px;width:100%}.btn{width:100%;padding:14px 24px;font-size:15px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card,.box-card{padding:28px}.section-title h2{font-size:26px}.section-title{margin-bottom:40px}.benchmark-layout{gap:24px;padding-bottom:40px}footer{padding:60px 20px 40px}.theme-toggle{width:44px;height:44px;bottom:16px;left:16px}.theme-toggle svg{width:20px;height:20px}}.features-wrapper{background:var(--feature-zone-bg);position:relative;z-index:5;width:100%;overflow-x:hidden}.card-title{color:var(--text-main)}[data-theme="dark"] #benchmark-card h3,[data-theme="dark"] .box-card h3{color:var(--text-main)}.wiki-wrapper{padding-top:40px;background:var(--body-bg);min-height:100vh}.wiki-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;position:relative;padding-bottom:80px}.wiki-sidebar{position:sticky;top:100px;padding-right:20px;border-right:2px solid var(--border-color);max-height:calc(100vh - 140px);overflow-y:auto}.wiki-nav-group{margin-bottom:24px}.wiki-nav-title{font-size:14px;text-transform:uppercase;color:var(--text-muted);font-weight:800;margin-bottom:12px;letter-spacing:0.5px}.lang-switcher{position:fixed;bottom:24px;left:90px;display:flex;gap:4px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:100px;padding:4px;box-shadow:0 4px 20px var(--shadow-color);z-index:1000}.lang-btn{padding:8px 14px;border:none;background:transparent;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text-muted);transition:all 0.2s;font-family:inherit}.lang-btn:hover{color:var(--text-main)}.lang-btn.active{background:var(--primary);color:white}.wiki-nav-link{display:block;padding:8px 12px;margin-left:-12px;border-left:3px solid transparent;color:var(--text-light);text-decoration:none;font-weight:600;font-size:15px;transition:all 0.2s;opacity:0.8}.wiki-nav-link:hover{color:var(--primary);opacity:1;background:var(--primary-dim);border-radius:0 var(--radius-m) var(--radius-m) 0;text-decoration:none;transform:none}.wiki-nav-link.active{color:var(--primary);transform:none;opacity:1;font-weight:700;border-left-color:var(--primary);background:linear-gradient(90deg,var(--primary-dim) 0%,transparent 100%)}.wiki-content{min-height:60vh;max-width:820px}.wiki-content section{margin-bottom:60px;padding-bottom:40px;border-bottom:1px dashed var(--border-color)}.wiki-content section:last-child{border-bottom:none}.wiki-content h1{font-size:42px;margin-bottom:10px;color:var(--text-main);font-weight:800}.wiki-subtitle{font-size:18px;color:var(--text-muted);margin-bottom:40px}.wiki-content h2{font-size:28px;margin-top:40px;margin-bottom:16px;color:var(--text-main);font-weight:700}.wiki-content p{color:var(--text-main);margin-bottom:16px;font-size:16px;line-height:1.8}.wiki-content ul{margin-bottom:24px;padding-left:24px;color:var(--text-main)}.wiki-content li{margin-bottom:8px}.wiki-content code{background:var(--bar-track-bg);padding:2px 6px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--primary)}.wiki-content pre{background:var(--card-bg);padding:24px;border-radius:var(--radius-m);border:1px solid var(--border-color);margin:24px 0;overflow-x:auto;box-shadow:0 4px 12px var(--shadow-color);line-height:1.6}.wiki-content pre code{background:transparent;padding:0;font-family:'JetBrains Mono','Consolas',monospace;font-size:14px;line-height:1.6}.wiki-content pre code .keyword{color:#C678DD;font-weight:600}.wiki-content pre code .string{color:#98C379}.wiki-content pre code .comment{color:#5C6370;font-style:italic}.wiki-content pre code .function{color:#61AFEF}.wiki-content pre code .number{color:#D19A66}.wiki-content pre code .operator{color:#ABB2BF}.wiki-content pre code .type{color:#E5C07B}[data-theme="dark"] .wiki-content pre code .keyword{color:#C678DD}[data-theme="dark"] .wiki-content pre code .string{color:#98C379}[data-theme="dark"] .wiki-content pre code .comment{color:#5C6370}[data-theme="dark"] .wiki-content pre code .function{color:#61AFEF}[data-theme="dark"] .wiki-content pre code .number{color:#D19A66}.wiki-sidebar::-webkit-scrollbar{width:6px}.wiki-sidebar::-webkit-scrollbar-track{background:transparent}.wiki-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.wiki-sidebar:hover::-webkit-scrollbar-thumb{background:var(--text-muted)}.wiki-content table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;font-size:15px;border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 4px 12px var(--shadow-color)}.wiki-content thead{background:linear-gradient(135deg,var(--feature-icon-bg) 0%,var(--primary-dim) 100%)}.wiki-content th{padding:16px 20px;text-align:left;font-weight:700;color:var(--text-main);border-bottom:2px solid var(--primary);font-size:14px;text-transform:uppercase;letter-spacing:0.5px}.wiki-content td{padding:14px 20px;border-bottom:1px solid var(--border-color);color:var(--text-main);background:var(--card-bg)}.wiki-content tbody tr:last-child td{border-bottom:none}.wiki-content tbody tr:hover td{background:var(--primary-dim);transition:background 0.2s}.callout{padding:16px 20px;border-left:4px solid;border-radius:0 12px 12px 0;margin:24px 0;background:var(--card-bg)}.callout-title{font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.callout.tip{border-color:#3b82f6}.callout.tip .callout-title{color:#3b82f6}.callout.warning{border-color:#f59e0b}.callout.warning .callout-title{color:#f59e0b}.callout.danger{border-color:#ef4444}.callout.danger .callout-title{color:#ef4444}.callout.note{border-color:var(--primary)}.callout.note .callout-title{color:var(--primary)}.code-wrapper{position:relative;margin:24px 0}.code-wrapper .copy-btn{position:absolute;top:12px;right:12px;padding:6px 12px;background:var(--primary);color:white;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:all 0.2s}.code-wrapper:hover .copy-btn{opacity:1}.code-wrapper .copy-btn:hover{background:var(--text-main);transform:translateY(-2px)}.code-wrapper .copy-btn.copied{background:#10b981}.tutorial-steps{counter-reset:step}.tutorial-step{position:relative;padding-left:48px;margin-bottom:32px}.tutorial-step::before{content:counter(step);counter-increment:step;position:absolute;left:0;top:0;width:32px;height:32px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.tutorial-step h3{margin-bottom:12px;color:var(--text-main)}.wiki-section-nav{display:flex;justify-content:space-between;margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.wiki-nav-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-m);text-decoration:none;transition:all 0.2s;max-width:45%}a{color:var(--primary);text-decoration:none;transition:all 0.2s;opacity:0.9}a:hover{opacity:1;text-decoration:underline}.wiki-nav-btn:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-color)}.wiki-nav-btn .label{font-size:13px;color:var(--text-muted);font-weight:600}.wiki-nav-btn .title{font-weight:700;color:var(--text-main)}.wiki-nav-btn svg{color:var(--primary)}.wiki-content img{max-width:100%;border-radius:var(--radius-m);margin:24px 0;border:1px solid var(--border-color)}kbd{display:inline-block;padding:4px 8px;font-size:13px;font-family:'JetBrains Mono',monospace;background:var(--bar-track-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 0 var(--border-color);color:var(--text-main)}.wiki-hero{text-align:center;padding:60px 0 40px}.wiki-hero h1{font-size:48px;margin-bottom:16px}.wiki-hero p{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 40px}.wiki-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px}.wiki-category-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-l);padding:32px;text-decoration:none;transition:all 0.3s}.wiki-category-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px var(--shadow-color);border-color:var(--primary)}.wiki-category-card .icon-box{width:56px;height:56px;background:var(--feature-icon-bg);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary)}.wiki-category-card h3{font-size:20px;color:var(--text-main);margin-bottom:12px}.wiki-category-card p{font-size:15px;color:var(--text-muted);margin-bottom:16px}.wiki-category-card .link-list{list-style:none;padding:0;margin:0}.wiki-category-card .link-list li{margin-bottom:8px}.wiki-category-card .link-list a{color:var(--text-light);text-decoration:none;font-size:14px;transition:color 0.2s}.wiki-category-card .link-list a:hover{color:var(--primary)}.wiki-search{max-width:500px;margin:0 auto 60px;position:relative}.wiki-search input{width:100%;padding:16px 24px 16px 52px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:100px;font-size:16px;font-family:inherit;color:var(--text-main);transition:all 0.2s}.wiki-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.wiki-search input::placeholder{color:var(--text-muted)}.wiki-search svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.wiki-content h3{font-size:22px;margin-top:32px;margin-bottom:12px;color:var(--text-main);font-weight:700}@media (max-width:900px){.wiki-layout{grid-template-columns:1fr}.wiki-sidebar{position:static;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:24px;margin-bottom:40px;max-height:none}.wiki-content h1{font-size:32px}.wiki-hero h1{font-size:36px}}@media (max-width:768px){.container{padding:0 20px}.hero{grid-template-columns:1fr;text-align:center;gap:40px;padding-top:20px}.hero-content{order:1;margin:0 auto}.hero-desc{margin-left:auto;margin-right:auto}.hero-visual{order:2;min-height:auto;margin-top:-20px}.hero-card{max-width:80%;margin:0 auto}.btn-group{justify-content:center;flex-wrap:wrap}h1{font-size:32px}.benchmark-layout{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}nav{flex-direction:column;gap:16px;padding:12px 20px}.nav-links{display:flex;width:100%;overflow-x:auto;padding-bottom:4px;gap:20px;justify-content:center;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{height:0;width:0}.theme-toggle,.scroll-top{width:44px;height:44px;bottom:16px}.theme-toggle{left:16px}.scroll-top{right:16px}}footer{opacity:1 !important}footer p{color:var(--text-muted);opacity:1}.hero-wrapper .dropdown-wrapper{position:relative;display:inline-block}.hero-wrapper .drop-menu{position:absolute;top:calc(100% + 14px);left:0;width:340px;background:var(--card-bg,#ffffff);border:1px solid var(--border-color,rgba(0,0,0,0.1));border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.98);transform-origin:top left;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);z-index:100}[data-theme="dark"] .hero-wrapper .drop-menu{background:rgba(30,30,35,0.95);border-color:rgba(255,255,255,0.1)}.hero-wrapper .dropdown-wrapper.active .drop-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.drop-item{display:flex;align-items:flex-start;padding:14px;border-radius:12px;text-decoration:none;color:var(--text-main);transition:background 0.2s;gap:16px;margin-bottom:2px}.drop-item:last-child{margin-bottom:0}.drop-item:hover{background:var(--border-secondary,rgba(0,0,0,0.05));text-decoration:none;transform:translateX(4px)}[data-theme="dark"] .drop-item:hover{background:rgba(255,255,255,0.08)}.drop-item .item-icon{width:24px;height:24px;flex-shrink:0;color:var(--primary);margin-top:2px;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.drop-item:hover .item-icon{transform:scale(1.1)}.drop-item .item-content{display:flex;flex-direction:column;min-width:0}.drop-item .item-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:nowrap}.drop-title{font-weight:700;font-size:15px;white-space:nowrap}.badge-rec{display:inline-flex;align-items:center;background:rgba(76,175,80,0.15);color:#4CAF50;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;border:1px solid rgba(76,175,80,0.2);letter-spacing:0.2px}.drop-desc{font-size:13px;color:var(--text-muted);opacity:0.9;line-height:1.4}.btn .chevron{width:18px;height:18px;margin-left:8px;margin-right:-4px !important;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.dropdown-wrapper.active .btn .chevron{transform:rotate(180deg)}.dropdown-overlay{position:fixed;inset:0;z-index:90;display:none}.dropdown-wrapper.active .dropdown-overlay{display:block}