@import url("/common/css/ad-slot-layout.css");

:root {
    --fg-bg: #08090b;
    --fg-surface: #111317;
    --fg-card: #14171b;
    --fg-card-hover: #1b1f24;
    --fg-input: #171a1f;
    --fg-nav: #0e1013;
    --fg-footer: #0e1013;
    --fg-bg-surface: var(--fg-surface);
    --fg-bg-card: var(--fg-card);
    --fg-bg-card-hover: var(--fg-card-hover);
    --fg-bg-input: var(--fg-input);
    --fg-bg-nav: var(--fg-nav);
    --fg-bg-footer: var(--fg-footer);
    --fg-text: #f2f3f5;
    --fg-text-secondary: #b9bdc2;
    --fg-muted: #858b92;
    --fg-text-muted: var(--fg-muted);
    --fg-accent: #f28b45;
    --fg-accent-hover: #ffa263;
    --fg-accent-ink: #0b0b0d;
    --fg-border: #292d31;
    --fg-border-strong: #414852;
    --fg-font: "Helvetica Neue", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --fg-font-mono: "SFMono-Regular", Menlo, Monaco, "Roboto Mono", Consolas, monospace;
    --fg-content-max: 1296px;
    --fg-nav-h: 56px;
    --fg-sidebar-w: 320px;
    --fg-grid-cols-mobile: 2;
    --fg-grid-cols-tablet: 3;
    --fg-grid-cols-desktop: 6;
    --fg-gap: 12px;
    --fg-section-gap: 40px;
    --fg-transition: 120ms linear;
}