/* ========== 顶部助手横幅 ========== */
.assistant-banner {
    -webkit-background-size: cover;   /* 旧版 Safari 兼容 */
    background-size: cover;           /* 背景图铺满整个横幅 */
    color: rgba(255,255,255,1);       /* 文字纯白，方便压在任何背景上 */
}
.assistant-banner img{
    display: block;     /* 去掉图片底部 3px 空白 */
    width: 1200px;      /* 图片定宽 1200，保持视觉统一 */
    height:100%;        /* 高度随横幅撑满 */
    margin: auto;       /* 水平居中 */
}

/* ========== 付费功能区大容器 ========== */
.paid-function *{ box-sizing: border-box; }  /* 所有子元素用 border-box 计算宽度，避免溢出 */

/* 第一大块：功能简介 */
.function1{ padding-bottom: 86px; }          /* 区域底部留 86px 空白，与下一区域隔开 */

.function-title h4{
    font-size:26px;                          /* 标题字号 26 */
    font-family:PingFang SC;                 /* 苹方字体，Mac 优先 */
    font-weight:bold;                        /* 加粗 */
    color:rgba(59,66,107,1);                 /* 深蓝灰色 */
    line-height:32px;                        /* 行高 32，垂直居中好看 */
}

/* 三个标题区域分别微调上下留白 */
.title1{ padding-top: 79px; padding-bottom: 89px; }
.title2{ padding-top: 90px; padding-bottom: 50px; }
.title3{ padding-top: 80px; padding-bottom: 1px; }   /* 1px 只是让 margin 合并失效，保持节奏 */

/* 三大功能卡片横向排列 */
.function-main{
    display: flex;                            /* 弹性布局 */
    align-items: center;                      /* 垂直居中 */
    justify-content: space-around;            /* 卡片均匀分布 */
}
.main-item{
    display: flex;
    flex-direction: column;                   /* 图标+文字垂直排列 */
    align-items: center;                      /* 水平居中 */
    width: 336px;                             /* 卡片固定 336px 宽 */
    background: #fff;                         /* 纯白底，方便叠在灰色大背景上 */
}
.main-item .item-img{ width:134px; }         /* 图标容器定宽，防止图片过大 */
.item-img img{
    width: 134px;                             /* 图标本身 134px */
    display: block;                           /* 去掉图片幽灵空白 */
    margin-top: 51px;                         /* 图标距顶 51px */
    margin-bottom: 32px;                      /* 图标与标题间隔 32px */
}
.main-item span{
    font-size:20px;
    font-family:PingFang SC;
    font-weight: bold;
    color:rgba(59,66,107,1);
    line-height:32px;
    padding-bottom: 20px;                     /* 标题与正文留 20px */
}
.main-item p{
    width:238px;                              /* 正文区域固定 238px，保证三栏对齐 */
    font-size:14px;
    font-family:PingFang SC;
    color:rgba(93,100,148,1);
    line-height:28px;
    padding-bottom: 62px;                     /* 底部留 62px，让卡片高度一致 */
}

/* ========== 会员权益部分 ========== */
.member-main{
    display: flex;
    align-items: center;
    justify-content: space-around;            /* 左文右图均匀分 */
}
.main-present{
    display: flex;
    flex-direction: column;                   /* 文字垂直排列 */
    padding-right: 175px;                     /* 与右侧图片保持 175px 安全距离 */
}
.main-title{
    font-size:26px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(59,66,107,1);
    line-height:32px;
}
.main-txt{
    width: 430px;                             /* 正文固定宽，保证段落不跑版 */
    font-size:18px;
    font-family:PingFang SC;
    font-weight:500;                          /* 500 比 normal 略粗，阅读更舒服 */
    color:rgba(93,100,148,1);
    line-height:32px;
    padding-top: 34px;                        /* 标题与正文间隔 34px */
}
/* 不同区块正文宽度微调，对齐设计稿 */
.txt2{ width: 398px; }
.txt3{ width: 432px; }

.main-img img { width: 100%; }               /* 图片自适应容器宽度，防止溢出 */

.last{ padding-bottom: 83px; }                /* 最后一栏底部留 83px 与 footer 隔开 */

/* ========== 适用场景四宫格 ========== */
.scene-main{
    width: 1200px;                            /* 整版居中 1200 容器 */
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;                          /* 允许换行，做成 2×2 */
    margin: 0 auto;                           /* 水平居中 */
    padding-top: 73px;
    padding-bottom: 96px;
}
.scene-item{
    width: 284px;                             /* 小卡片固定宽 */
    height: 195px;                            /* 固定高，四宫格对齐 */
    margin: 0 58px 0;                         /* 左右 58px 间隔，视觉呼吸感 */
    display: flex;
    flex-direction: column;
    background: #fff;                         /* 纯白卡片 */
    margin-top: 15px;                         /* 上方留 15px，防止贴顶 */
}
.scene-item .img4{                          /* 特殊小图标 75px */
    width: 75px;
    margin-top: 16px;
    margin-left: 25px;
 }
.scene-item img{                            /* 默认图标 80px */
    width: 80px;
    display: block;
    margin-top: 16px;
    margin-left: 25px;
}
.scene-title{
    font-size:20px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(59,66,107,1);
    line-height:32px;
    padding-left: 35px;                       /* 文字与图标左对齐留 35px */
}
.scene-txt{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(93,100,148,1);
    line-height:32px;
    padding-left: 34px;
}

/* ========== 朋友圈轮播 ========== */
.sub-title {                                    /* 公共副标题 */
    font-size: 26px;
    line-height: 26px;
    color: #3B426B;
    text-align: center;
    font-weight: 600;
    margin-bottom: 80px;                      /* 与轮播图留 80px */
}
.swiper-container {
    width: 100%;
    height: 828px;                            /* 手机稿高 828px，不变形 */
}
.swiper-container .swiper-slide {
    left: 45%;                                /* 整组滑块向右偏移 45%，形成叠层视觉 */
}
.swiper-container .moments-page-item > img {
    width: 463px;                             /* 手机壳宽 463px */
    height: 828px;
}
/* 自定义分页器按钮：自适应文字长度 */
.swiper-container .swiper-pagination-bullet {
    width: fit-content;                       /* 宽度随文字长短 */
    height: fit-content;
    padding: 14px 22px;                       /* 上下 14 左右 22，像标签 */
    border-radius: 26px;                      /* 圆角 26px，胶囊效果 */
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: #3B426B;
    background: transparent;
    opacity: 1;
    border: 1px solid transparent;            /* 默认无边框 */
}
.swiper-container .swiper-pagination-bullet:hover {
   border: 1px solid #EDC181;                /* 悬停金色边框 */
}
/* 垂直分页器整体定位 */
.swiper-container-vertical > .swiper-pagination-bullets {
    left: 15%;                                /* 距左 15%，留空给手机图 */
    width: 226px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* 当前激活按钮 */
.swiper-container .swiper-pagination-bullet-active {
   background:  #EDC181;                      /* 金色实心 */
    color: #fff;                              /* 白字 */
}
/* 垂直模式下每个按钮间隔 70px */
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 70px 0;
}

/* 最后一区域底留白 */
.paid-last{ padding-bottom: 92px; }