@charset "utf-8";
/* 项目案例设计稿：1280px 导出图按 1440px 设计基准换算；两种语言共用。 */
body.fbw-page {
    --fbw-location-top: 30px;
    --fbw-location-title-gap: 32px;
    --fbw-title-content-gap: 52px;
    --fbw-filter-list-gap: 64px;
    --fbw-page-title-size: 48px;
    --fbw-content-gutter: 120px;
}

body.fbw-page #container.fbw-wrap > .main > .location {
    margin: var(--fbw-location-top) 0 0 !important;
}

body.fbw-page .fbw-series-hero-inner,
body.fbw-page .fbw-dl-hero-inner,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero-inner {
    padding: var(--fbw-location-top) var(--fbw-content-gutter) 0;
}
body.fbw-page .fbw-dl-hero-inner {
    max-width: 1440px;
}
body.fbw-page .fbw-series-hero-inner > .fbw-page-title,
body.fbw-page .fbw-dl-hero-inner > .fbw-page-title,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero-inner > .fbw-page-title {
    margin: var(--fbw-location-title-gap) 0 var(--fbw-title-content-gap);
}
body.fbw-page .fbw-series-hero-inner > .fbw-page-title h1,
body.fbw-page .fbw-dl-hero-inner > .fbw-page-title h1,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero-inner > .fbw-page-title h1 {
    margin: 0 !important;
    font-size: var(--fbw-page-title-size) !important;
    line-height: 1 !important;
}
body.fbw-page .fbw-series-hero-inner > .fbw-page-title h1,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero-inner > .fbw-page-title h1 {
    color: #fff !important;
}
body.fbw-page .fbw-series-hero + #container.fbw-wrap > .main,
body.fbw-page .fbw-dl-hero + #container.fbw-wrap > .main,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero + #container.fbw-wrap > .main {
    padding-top: var(--fbw-location-top) !important;
}
body.fbw-page .fbw-series-hero + #container.fbw-wrap > .main > .fbw-filters:first-child,
body.fbw-page .fbw-dl-hero + #container.fbw-wrap > .main > .fbw-filters:first-child,
body.fbw-page.fbw-recruit-list .fbw-recruit-hero + #container.fbw-wrap > .main > .fbw-filters:first-child {
    margin-top: 0 !important;
}

/* 标题和筛选的直接相邻关系不依赖板块名称，缺少筛选时不预留空行。 */
body.fbw-page #container.fbw-wrap > .main > .fbw-page-title {
    margin: var(--fbw-location-title-gap) 0 var(--fbw-title-content-gap) !important;
}
body.fbw-page #container.fbw-wrap > .main > .fbw-page-title h1 {
    font-size: var(--fbw-page-title-size) !important;
    line-height: 1 !important;
}
body.fbw-page #container.fbw-wrap > .main > .fbw-filters {
    gap: 8px;
    margin: 0 0 var(--fbw-filter-list-gap) !important;
}
body.fbw-page #container.fbw-wrap > .main > .fbw-filters:first-child {
    margin-top: var(--fbw-location-top) !important;
}
body.fbw-page #container.fbw-wrap > .main > .fbw-page-title + *,
body.fbw-page #container.fbw-wrap > .main > .fbw-filters + * {
    margin-top: 0 !important;
}

/* 下载和招聘列表恢复公共内容宽度，避免中英文旧版局部居中造成左边界偏移。 */
body.fbw-page.fbw-recruit-list #container.fbw-wrap {
    padding-top: 0 !important;
    padding-left: var(--fbw-content-gutter) !important;
    padding-right: var(--fbw-content-gutter) !important;
}
body.fbw-page.fbw-recruit-list #container.fbw-wrap > .main,
body.fbw-page.fbw-download-list #container.fbw-wrap > .main {
    max-width: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 项目卡片：按稿保留图片到文字、上一行文字到下一行图片的留白。 */
body.fbw-project-list .fbw-project-grid ul { gap: 56px 16px; }
body.fbw-project-list .fbw-project-grid h5 { margin-top: 24px !important; }

@media (max-width: 1200px) {
    body.fbw-page { --fbw-content-gutter: 40px; }
}
@media (max-width: 900px) {
    body.fbw-page {
        --fbw-location-top: 24px;
        --fbw-location-title-gap: 24px;
        --fbw-title-content-gap: 36px;
        --fbw-filter-list-gap: 40px;
        --fbw-page-title-size: 32px;
    }
    body.fbw-project-list .fbw-project-grid ul { row-gap: 36px; }
    body.fbw-project-list .fbw-project-grid h5 { margin-top: 18px !important; }
}
@media (max-width: 768px) {
    body.fbw-page { --fbw-content-gutter: 20px; }
}
@media (max-width: 600px) {
    body.fbw-page { --fbw-page-title-size: 28px; --fbw-filter-list-gap: 32px; }
}