/* 前台公共设计令牌与基础排版（首页、内页统一引用） */
:root {
    --hke-primary: #2968b5;
    --hke-primary-hover: #1f5596;
    --hke-primary-soft: #e8f1fb;
    --hke-accent: #e23b32;
    --hke-text: #3d464d;
    --hke-text-muted: #888;
    --hke-muted: #888;
    --hke-border: #eee;
    --hke-container-max: 1417px;
    --hke-scroll-min: 1200px;
    --hke-nav-col: 300px;
    --hke-side-col: 292px;
    --hke-hero-h: 360px;
    --hke-strip-h: 146px;
    --hke-min-inset: 12px;
    --hke-divider-inset: 16px;
    --hke-font-base: 15px;
    --hke-font-topbar: 13px;
    --hke-topbar-h: 36px;
    --hke-font-search: 14px;
    --hke-font-nav: 16px;
    --hke-font-small: 13px;
    --hke-font-section: 22px;
    --hke-font-block: 20px;
    --hke-leading: 1.5;
    --hke-leading-title: 1.3;
    --hke-space-section-y: 32px;
    --hke-space-section-bottom: 40px;
    --hke-space-head: 20px;
    --hke-space-panel: 16px;
    --hke-gap-block: 16px;
    --hke-space-stack-sm: 8px;
    --hke-space-stack-md: 12px;
}

* { box-sizing: border-box; }

html {
    font-size: 16px;
}

@media (min-width: 992px) {
    html { overflow-x: auto; }
    body { overflow-x: visible; }
    .hke-site { min-width: var(--hke-scroll-min); }
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: var(--hke-font-base);
    color: var(--hke-text);
    background: #fff;
    line-height: var(--hke-leading);
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: var(--hke-primary);
    text-decoration: none !important;
}

.hke-container {
    width: 100%;
    max-width: var(--hke-container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .hke-container { max-width: var(--hke-container-max); }
}