.g-page-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6}.g-scroll-area{flex:1;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:center}.g-container{width:100%;max-width:900px;padding:0 24px 120px}.g-hero{padding:100px 0 80px;text-align:center}.g-hero h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.05em;margin-bottom:24px;background:var(--color-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.g-hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 48px}.g-hero-actions{display:flex;gap:16px;justify-content:center}.g-btn{padding:16px 32px;border-radius:100px;font-weight:700;font-size:15px;text-decoration:none;transition:all .3s var(--spring-bounce)}.g-btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);box-shadow:0 10px 30px #0000001a}.g-btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:blur(20px)}.g-btn-primary:hover{transform:translateY(-4px) scale(1.02)}.g-toc{background:var(--color-surface);border:1px solid var(--color-border);padding:40px;border-radius:32px;margin-bottom:100px}.g-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.g-toc-link{padding:12px 20px;background:#00000008;border-radius:14px;text-decoration:none;color:var(--color-text);font-weight:600;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .g-toc-link{background:#ffffff0d}.g-toc-link:hover{background:var(--color-accent-blue);color:#fff!important}.g-syntax-item{margin-bottom:100px;scroll-margin-top:100px}.g-syntax-header h3{font-size:2.25rem;font-weight:800;margin-bottom:12px;letter-spacing:-.03em}.g-syntax-header p{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:32px}.g-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--color-border);border:1px solid var(--color-border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-md)}.g-pane{background:var(--color-bg);display:flex;flex-direction:column}.g-pane-header{padding:12px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.g-pane-content{padding:32px;flex:1}.g-pane-source{background:var(--code-block-bg)}.g-pane-source pre{margin:0;font-family:var(--font-mono);font-size:1rem;line-height:1.6}.g-pane-preview{background:var(--color-surface)}.g-preview-render{color:var(--color-text)}.g-preview-render h1{font-size:1.8rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.3rem}.g-preview-render h2{font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.3rem}.g-preview-render h3{font-size:1.2rem;margin-bottom:1rem}.g-preview-render p{margin-bottom:1rem}.g-preview-render ul,.g-preview-render ol{margin-bottom:1rem;padding-left:2rem}.g-preview-render li{margin-bottom:.25rem}.g-preview-render blockquote{border-left:4px solid var(--color-border);padding-left:1rem;color:var(--color-text-muted);margin-bottom:1rem}.g-preview-render table{width:100%;border-collapse:collapse;margin-bottom:1rem}.g-preview-render th,.g-preview-render td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.g-preview-render th{background:#0000000d}.g-preview-render hr{border:0;border-top:1px solid var(--color-border);margin:1.5rem 0}.g-preview-render code{background:#0000001a;padding:.2rem .4rem;border-radius:4px;font-family:var(--font-mono)}[data-theme=dark] .g-preview-render code{background:#ffffff1a}.g-footer{width:100%;padding:80px 24px;border-top:1px solid var(--color-border);text-align:center;background:var(--color-surface)}@media(max-width:900px){.g-comparison{grid-template-columns:1fr}}@media(max-width:640px){.g-hero h1{font-size:2.5rem}.g-toc-grid{grid-template-columns:1fr}}