/**
 * 全站通用间距（单源）
 * - 变量 :root 分设备；spacer 占位高度（仅 768px+）；首块/区块 margin 在 site-spacing-override.css
 * - 内容块之间：var(--sanxio-content-gap) / var(--sanxio-block-padding-*)
 * - 卡片内边距：var(--sanxio-card-padding-*) 全站通用，改此处即可统一所有卡片内间距
 */

/* ========== 全站通用页宽 + 间距（Antigravity 手册 §3.1，改这里即可统一前端） ========== */
:root {
	--sanxio-page-max-width: 1280px;
	--sanxio-block-px: 12px;
	--sanxio-content-gap: 12px;
	--sanxio-card-px: 12px;
	--sanxio-card-py: 12px;
	--sanxio-gap-md: 12px;
	--sanxio-gap-sm: 8px;
	--sanxio-block-padding-y: var(--sanxio-card-py);
	--sanxio-block-padding-x: var(--sanxio-block-px);
	--sanxio-card-padding-y: var(--sanxio-card-py);
	--sanxio-card-padding-x: var(--sanxio-card-px);

	/* 移动端头部高度（前端 / 会员中心），用于统一“头高 + 块间距”公式 */
	--sanxio-header-mobile-front: 48px;
	--sanxio-header-mobile-member: 48px;
}
@media (min-width: 768px) {
	:root {
		--sanxio-block-px: 20px;
		--sanxio-content-gap: 20px;
		--sanxio-card-px: 20px;
		--sanxio-card-py: 20px;
		--sanxio-gap-md: 16px;
	}
}
/* 通用卡片内间距：任意卡片容器加此类或直接用 var(--sanxio-card-padding-*) */
.sanxio-card-padding {
	padding: var(--sanxio-card-padding-y, 8px) var(--sanxio-card-padding-x, 10px);
}
/* 任意页面主内容区加此类即可获得与搜索页一致的块间距 */
.sanxio-content-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sanxio-content-gap);
}

/* 搜索框 input：上留白略小、下留白略大，把“搜”上移，使上下两段视觉等高（你画的上下框同高） */
.mdc-search-form .mdc-text-field__input {
    box-sizing: border-box !important;
    height: 40px !important;
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    line-height: 24px !important; /* 6+24+10=40 */
}
.mdc-top-app-bar__section--align-center .mdc-search-form .mdc-text-field__input {
    height: 40px !important;
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    line-height: 24px !important;
}
/* “全站”下拉：与搜索 input 同高，文字上下居中（补偿原生 select 默认偏下） */
.mdc-search-form .mdc-search-module-select .mdc-select {
    height: 40px !important;
    box-sizing: border-box !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 24px !important;
}
/* 顶部栏内“全站”与 input 一致：上略小下略大，视觉居中 */
.mdc-top-app-bar__section--align-center .mdc-search-form .mdc-search-module-select .mdc-select {
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    line-height: 24px !important;
}
/* 整块搜索框（含两头圆角）视觉上抬 1px，抵消顶栏 row 下 padding 小于上导致的“下沉” */
.mdc-top-app-bar__section--align-center .mdc-search-form {
    margin-top: -1px !important;
}

@media (min-width: 768px) {
    /* 页头行：上 8px、下 4px，因下方菜单有 1px 边框+阴影，减小下留白使视觉与上方接近 */
    .mdc-top-app-bar__row {
        padding-top: 8px !important;
        padding-bottom: 4px !important;
        height: 72px !important;
    }

    /* 全站统一占位块：与固定头实际总高一致。顶栏 30px(定位起点) + 主栏 72px = 102px；有模块菜单时 + 菜单 56px = 158px */
    .mdc-top-app-bar-spacer {
        height: 102px !important;
    }
    body:has(.mdc-module-menu) .mdc-top-app-bar-spacer {
        height: 158px !important;
    }

    .mdc-module-menu {
        top: 102px !important;
    }
}

/* 首块与区块间距：由 site-spacing-override.css（页头加载）统一覆盖 */