/* ===== 助手横幅：全屏背景图，覆盖拉伸 ===== */
.assistant-banner {
    background: url("../img/as-banner.html") no-repeat 0 0; /* 取HTML文件当背景（实为图片URL拼写错误）；不平铺，从左上角开始 */
    -webkit-background-size: cover; /* 老webkit兼容：背景铺满并居中裁剪 */
    background-size: cover; /* 标准语法：背景铺满并居中裁剪 */
}

/* ===== 市场板块大标题 ===== */
.market-title {
    padding: 70px 0 50px 0; /* 上留白70px，下留白50px，左右0，形成呼吸感 */
}
.market-title h3 {
    line-height: 28px; /* 行高=字号，单行紧凑 */
    font-size: 28px;
    font-weight: 600; /* 半粗，现代字体支持 */
    color: #3b426b; /* 品牌深靛 */
}

/* ===== 市场图标四宫格 ===== */
.market-icon {
    padding: 0 41px 50px; /* 左右各留41px安全距，下留50px与下文分隔 */
    display: flex; /* 横排 */
    justify-content: space-between; /* 两端对齐，中间等距 */
}
.market-icon .item {
    flex: 0 0 260px; /* 固定260px宽，不伸不缩，四列均匀分布 */
    text-align: center; /* 内容整体居中 */
    background: #fff; /* 白底卡片 */
    padding: 36px 0 0; /* 顶部内留白36px，下左右0，靠内容撑高 */
    height: 290px; /* 固定卡片高，保证同行对齐 */
    box-sizing: border-box; /* padding算进总宽 */
}
.market-icon .item img {
    margin: 0 auto 28px; /* 图标水平居中，下留28px与标题间距 */
}
.market-icon .item h4 {
    font-size: 18px;
    line-height: 1; /* 行高=字号，紧凑 */
    font-weight: 400; /* 普通字重，视觉清爽 */
    color: #3b426b;
    margin-bottom: 14px; /* 与描述间距 */
}
.market-icon .item p {
    line-height: 1; /* 单行描述，紧凑 */
    font-size: 16px;
    color: #7d88a2; /* 辅助灰蓝 */
}

/* ===== 公共副标题 ===== */
.sub-title {
    text-align: center;
    font-size: 28px; /* 比h3略大，突出层级 */
    color: #3b426b;
    font-weight: 600;
    line-height: 1; /* 无额外行高，视觉干练 */
}

/* 副标题差异化留白 */
.sub-title1 {
    padding-top: 60px; /* 仅上留白，下留白由外层控制 */
}
.sub-title2 {
    padding-top: 70px; /* 比sub-title1多10px，节奏变化 */
    padding-bottom: 30px; /* 额外下留白，给后续模块留呼吸 */
}

/* ===== 市场成员双栏 ===== */
.market-member {
    margin-bottom: 60px; /* 与底部模块间距 */
}
.market-member > div {
    flex: 0 0 600px; /* 左侧大图固定600px，不伸不缩 */
}
.market-member .item {
    flex: 0 0 600px; /* 同上图容器 */
    box-sizing: border-box;
    position: relative; /* 给背景图定位当参照 */
    background-image: url("../img/product/market2_titlebg.png"); /* 左侧装饰竖线 */
    background-repeat: no-repeat;
    background-position: 28px 0; /* 竖线距左28px贴顶 */
    padding-top: 70px; /* 顶部留70px，避免背景图被文字压住 */
}
.market-member .item.right {
    background-position: 9px 0; /* 右栏竖线再左移19px，视觉对齐 */
}
.market-member .item h4 {
    padding: 0 0 24px 60px; /* 左侧留60px给竖线装饰 */
    line-height: 1;
    font-size: 24px;
    color: #5d6494; /* 比深靛稍浅，区分层级 */
}
.market-member .item .info {
    padding-left: 60px; /* 与标题左对齐 */
    font-size: 18px;
    color: #7d88a2;
    line-height: 44px; /* 2.44倍行高，列表宽松感 */
}

/* 右侧红点列表栏 */
.market-member .item2 {
    flex: 0 0 580px; /* 比左栏窄20px，形成错落 */
    box-sizing: border-box;
    position: relative;
}
.market-member .item2.right h4 {
    padding: 0 0 24px 54px; /* 右栏标题多左留白10px，对齐红点 */
}
.market-member .item2.right h4:after {
    left: 36px; /* 红点偏移量对应增加 */
}
.market-member .item2 h4 {
    padding: 0 0 24px 44px; /* 左侧留44px给红点 */
    line-height: 1;
    font-size: 24px;
    color: #5d6494;
    font-weight: 600;
    position: relative; /* 伪元素参照 */
}
.market-member .item2 h4:after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%; /* 老webkit */
    -moz-border-radius: 50%; /* 老firefox */
    border-radius: 50%;
    background: #ff4e4c; /* 品牌红点 */
    position: absolute;
    top: 9px; /* 垂直居中文字 */
    left: 26px; /* 紧贴左侧留白 */
}
.market-member .item2 .info {
    padding-left: 44px; /* 与标题红点左对齐 */
    font-size: 18px;
    color: #7d88a2;
    line-height: 44px; /* 宽松行高，列表阅读友好 */
}