/* ==========================================================
   顶部横幅（top-banner）—— 新版渐变
   ========================================================== */
.top-banner {
    /* 橙系渐变：左 #FF702B → 右 #FF882C，活力、促销感 */
    background: linear-gradient(90deg, #FF702B 39.06%, #FF882C 91%);
}
/* 动画图微调：顶部留 52px 留白，避免贴边 */
.top-banner .bannerItem .ani-img {
    padding: 52px 0 0 0;
}

/* ==========================================================
   通用标题、副标题
   ========================================================== */
/* 大标题下方留白：100px，保证与下方模块呼吸感 */
.assets-title {
    margin-bottom: 100px;
}

/* 副标题1：28px，上下 100px 留白，用于段落分隔 */
.sub-title1 {
    padding: 100px 0;
    margin: 0;
    font-size: 28px;
}

/* 信用标题区：90px 上 + 100px 下留白 */
.credit-title {
    padding: 90px 0 100px 0;
}

/* 信用副标题：24px 加粗，行高 34px，上下 60px 留白 */
.credit-subtitle {
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    padding: 60px 0;
    color: #3b426b;
}

/* ==========================================================
   信用图标网格（credit-icon）
   ========================================================== */
.credit-icon .item img {
    margin-bottom: 36px;        /* 图标与标题间距 */
}
.credit-icon .item h4 {
    font-size: 20px;
    margin: 0;
    font-weight: bold;          /* 标题加粗 */
}
.credit-icon .item p {
    font-size: 16px;            /* 描述文字 16px */
}

/* ==========================================================
   朋友圈功能（moments-function）—— 新版橙系分页器
   ========================================================== */
.moments-function .swiper-container .swiper-pagination-bullet-active {
    /* 橙渐变：左 #FF7234 → 右 #FFA25F */
    background: linear-gradient(90deg, #FF7234 21.04%, #FFA25F 100%),
                linear-gradient(86.69deg, #FF3F4E -1.3%, #FF3838 -1.29%, #FF5C28 99.66%);
}
.moments-function .swiper-container .swiper-pagination-bullet:hover {
    border-color: #FF7234;      /* hover 边框同步橙色 */
}

.moments-function .swiper-container {
    margin-bottom: 100px;       /* 与下方模块保持 100px 间距 */
}

/* ==========================================================
   市场成员（market-member）文本宽度限制
   ========================================================== */
.market-member .item {
    max-width: 500px;           /* 避免文字行过长，阅读疲劳 */
}
.market-member .item h4 {
    margin-bottom: 40px;        /* 标题与正文间距 */
}

/* ==========================================================
   资产项（assets-item）卡片统一样式
   ========================================================== */
/* 图片去默认 margin，防止多 3px 空隙 */
.assets-item .item img {
    margin: 0;
}

/* 卡片：白底 + 圆角 10px + 统一阴影，左右 20px 间距 */
.assets-item .item {
    background: #FFFFFF;
    box-shadow: 0px 8px 20px rgba(26, 58, 129, 0.1);
    border-radius: 10px;
    margin: 0 20px;
}

/* 文字区：28px 上下 + 22px 左右内边距 */
.assets-item .item .text {
    padding: 28px 22px;
    box-sizing: border-box;
}

/* 卡片主标题：20px 深蓝灰 加粗，底部 16px 间距 */
.assets-item .item .text > p {
    font-size: 20px;
    color: #3B426B;
    margin-bottom: 16px;
    font-weight: bold;
}

/* 卡片描述：14px 浅灰，行高 30px，阅读舒适 */
.assets-item .item .text div > p {
    font-size: 14px;
    line-height: 30px;
    color: #7D88A2;
}

/* ==========================================================
   朋友圈功能模块背景 & 动画初始状态
   ========================================================== */
.moments-function {
    padding-top: 90px;          /* 上留白 90px */
    background: #F7FAFF;        /* 浅蓝灰背景，与前后模块区分 */
    padding-bottom: 2px;        /* 底部 2px 防止 margin 塌陷 */
}

/* 四个动画区域：默认透明，滚动到视图后通过 .fadeInUp 显式 */
.assets-item_div,
.assets-features_search,
.assets-features_cost,
.assets-features_log {
    opacity: 0;
}
/* 显式类：透明度 1，可配合关键帧做上浮动画 */
.assets-item_div .fadeInUp,
.assets-features_search .fadeInUp,
.assets-features_cost .fadeInUp,
.assets-features_log .fadeInUp {
    opacity: 1;
}

/* 第一张卡片去左侧间距，保证与父容器对齐 */
.assets-item .assets-item_div:nth-of-type(1) {
    margin-left: 0;
}

/* ==========================================================
   市场成员右侧栏额外左缩进
   ========================================================== */
.market-member > div.right {
    padding-left: 140px;        /* 右侧内容区整体左移 140px，形成节奏变化 */
}