/* ================================================================
 * 洛克王国 · 月下同行 —— 组队集结 领惊喜奖励
 * designWidth = 2560 (manifest.width)
 * 1rem = 100 设计稿 px  ⇒  html font-size = calc(100vw / 25.6)
 * fontSize：manifest.resolution = 72dpi → pt 数值直接等于 px
 * 布局：Flex + 文档流；仅授权节点使用 absolute
 * ================================================================ */

html {
    font-size: calc(100vw / 25.6); /* designWidth = 2560 → 1rem = 100 设计稿 px */
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
    background: #6d76dd; /* 兜底纯色，与主视觉底色接近 */
}

img {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
}

/* ============================ 页面根容器 ============================ */
/* bg.jpg 命中背景规则 §17.1（meta.mergeHint + desc=页面背景图，尺寸等于画布 2560×6035）
   → 作为 .page 的 background-image；页面高度 = 60.35rem */
.page {
    position: relative;
    width: 100%;
    min-height: 60.35rem; /* 6035 / 100 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg2.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    padding-bottom: .8rem;
}

/* ============================ 顶部 header：logo ============================ */
/* header 组 bounds: 73,52 272x84 —— logo 单节点定位在左上角 */
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .52rem .73rem 0 .73rem; /* top=52, left=73 */
}

.site-logo {
    width: 2.72rem; /* 272/100 */
    height: .84rem; /* 84/100 */
}

/* 主视觉标语（月下同行·组队集结·领惊喜奖励）由 bg.jpg 承载，占位撑高 */
.hero-spacer {
    /* 视觉占位：从 header 底 (52+84=136) 到 section-1 title top(1534) 之间 */
    height: 13.98rem; /* (1534 - 136) / 100 */
}

/* ============================ 三个 section 通用 ============================ */
.section {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

.section-title {
    display: block;
}

.section-sub {
    font-size: .3394rem; /* 33.94 / 100 */
    color: rgb(61, 61, 62);
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
}

.section-note {
    font-size: .2133rem; /* 21.33 / 100 */
    color: rgb(203, 161, 115);
    text-align: center;
    line-height: 1.3;
}

/* ============================ Section 1：邀请好友集结 ============================ */
.section-1 {
    /* section 外层不设背景，纸张底图落到 .s1-body（按图片原始尺寸铺满） */
}

.section-1 > .section-title {
    /* title_section_1.png bounds: 560,1534 1453x158 */
    width: 14.53rem; /* 1453/100 */
    height: 1.58rem; /* 158/100 */
}

/* section_1 主体：宽高严格等于 bg_section1.png 原始像素 / 100
   bg_section1.png bounds: 0,0 1821x1266 → 18.21rem × 12.66rem
   背景切图 §17.2：background-size 100% 100% + no-repeat（按图原始尺寸完整铺满） */
.s1-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 1.47rem;
    width: 18.21rem;   /* 1821 / 100 */
    height: 12.66rem;  /* 1266 / 100 */
    padding: 1.24rem .3rem 0 .3rem;
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_section1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
.pr{
    position: relative;
}
.pb{
    position: absolute;
}
.user_pic{
    width: 1.18rem;
    height: 1.18rem;
    border-radius: 50%;
    object-fit: cover;
    top: 0.05rem;
    left: 0.08rem;
}
.s1-left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 7.88rem; /* 与 bg_team_rewards.png 宽度一致（788/100） */
}
.task-btn{
    font-size: .21rem;
    color: rgb(91 89 84);
    font-weight: 600;
    white-space: nowrap;
    right: 0.3rem;
    bottom: 0.15rem;
    text-align: center;
}
.task-btn img{
    width: 1.56rem;
    height: 0.52rem;
    margin: 0 auto 0.08rem;
    cursor: pointer;
}

.s1-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

/* -------- 小队积分模块 -------- */
/* 底图 bg_team_score.png bounds: 456,1833 774x65 */
.team-score {
    position: relative;
    display: flex;
    align-items: center;
    width: 7.74rem; /* 774/100 */
    height: .65rem; /* 65/100 */
    padding: 0 .13rem 0 .23rem;
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_team_score.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto; /* 居中布局 */
}

.team-score__label {
    font-size: .2662rem; /* 26.62 */
    color: rgb(61, 61, 62);
    font-weight: 500;
}

.team-score__value {
    font-size: .2662rem;
    color: rgb(102, 120, 211);
    font-weight: 600;
    margin-left: .13rem;
}

.btn-record {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.48rem; /* 148/100 */
    height: .52rem; /* 52/100 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_record.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .2928rem; /* 29.28 */
    color: rgb(61, 61, 62);
    text-align: center;
    font-family: dundun;
    cursor: pointer;
}
.team-score{
    font-family: dundun;
}
.team-score .btn-record:nth-of-type(1) {
    margin-left: auto;
}

.team-score .btn-record:nth-of-type(2) {
    margin-left: .12rem;
}

/* -------- 小队成员列表 -------- */
/* 底图 bg_member.png bounds:456,1907 774x233 */
.team-members {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 7.74rem;
    height: 2.33rem;
    padding: .28rem .16rem 0 .16rem;
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_member.png");
    background-size: 100% 2.33rem;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto; /* 居中布局 */
    gap: .19rem;
    margin-top: 0.11rem;
}
.member {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .12rem;
}
.member--empty {
    cursor: pointer;
}

.member__avatar-bg {
    width: 1.34rem; /* 134/100 */
    height: 1.31rem; /* 131/100 */
    object-fit: contain;
}

.member__badge {
    /* meta.layout=absolute 的授权 icon */
    position: absolute;
    top: .08rem;
    left: 50%;
    transform: translateX(-50%);
    width: .85rem; /* 85/100 */
    height: .33rem; /* 33/100 */
}
.member__badge_wzc{
    position: absolute;
    top: .08rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.51rem; /* 85/100 */
    height: .33rem; /* 33/100 */
}
.member__badge_hg{
    position: absolute;
    top: .08rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.03rem; /* 85/100 */
    height: .33rem; /* 33/100 */
}
.member__name {
    margin-top: .09rem;
    font-size: .1861rem; /* 18.61 */
    color: rgb(61, 61, 62);
    font-weight: 500;
    text-align: center;
}

/* -------- 奖励部分模块（1~9 滚动 + reward 10） --------
   对应 JSON 组 id=11686 desc="奖励部分模块"，bounds 277,2055 1042x590
   父容器背景 bg_team_rewards.png bounds:447,2194 788x373 → 7.88rem × 3.73rem
   子容器 rewards9 背景 bg_reward_9.png bounds:461,2217 533x333 → 5.33rem × 3.33rem
   坐标对齐：
     - 父容器相对 s1-left 左边距 = 447 - 277 = 170  → margin-left 1.7rem
     - rewards9 相对父容器 = left:461-447=14, top:2217-2194=23  → padding-left .14rem / top .23rem */
.rewards-panel {
    position: relative;
    width: 7.91rem;   /* 788 / 100  —— bg_team_rewards.png 原始宽 */
    height: 3.91rem;  /* 373 / 100  —— bg_team_rewards.png 原始高 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_team_rewards.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto; /* 居中布局 */
}

.rewards9 {
    position: relative;
    width: 5.33rem;   /* 533 / 100 —— bg_reward_9.png 原始宽 */
    height: 3.69rem;  /* 333 / 100 —— bg_reward_9.png 原始高 */
    margin: .1rem 0 0 .14rem; /* 相对 rewards-panel 左上角偏移 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_reward_9.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
  /*  display: flex;
    align-items: center;*/
    padding: 0.1rem .24rem 0 0.24rem;
}

.rewards9__list {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    scroll-behavior: smooth;
    width: 100%;
    padding: .15rem 0;
}

.rewards9__list::-webkit-scrollbar {
    height: 6px;
}

.rewards9__list::-webkit-scrollbar-thumb {
    background: rgba(102, 120, 211, .5);
    border-radius: 3px;
}

.reward9 {
    position: relative;
    flex: 0 0 1.52rem; /* 152/100 —— 单奖励图片宽 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reward9__gift {
    width: 1.52rem;
    height: 1.98rem; /* 198/100 */
}

/* 单个奖励序列号：背景 bg_gift_number.png bounds:535,2236 58x35 → .58rem × .35rem
   文字 23px → .23rem，水平垂直居中 */
.reward9__gift_lv {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: .58rem;  /* 58/100 */
    height: .35rem; /* 35/100 */
    margin-bottom: .02rem;
    padding-bottom: .1rem; /* 文字在徽章内向上偏移，贴合底图视觉 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_gift_number.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    font-size: .23rem; /* 23px / 100 */
    line-height: 1;
    text-align: center;
    color: rgb(41, 41, 41);
    font-weight: 600;
    font-family: dundun;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
}

.btn__img {
    width: 100%;
    height: 100%;
}

.btn--get,
.btn--geted,.btn--locked {
    width: 1.22rem; /* 122/100 */
    height: .52rem; /* 52/100 */
    margin-top: .06rem;
}
.btn--get{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_get.png")no-repeat center center/100% 100%;
}
.btn--geted{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_geted.png")no-repeat center center/100% 100%;
}
.btn--locked{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_locked.png")no-repeat center center/100% 100%;
}
.btn-get-reward10{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/get_btn_big.png")no-repeat center center/100% 100%;
    width: 1.75rem; /* 122/100 */
    height: 0.52rem;
    display: block;
    margin: 0.1rem auto 0;
}
.btn-get-reward10.btn--geted{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/hasget_btn_big.png")no-repeat center center/100% 100%;
}
.btn-get-reward10.btn--locked{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_locked_big.png")no-repeat center center/100% 100%;
}
.reward9--placeholder {
    background: transparent;
    height: 1.98rem;
}

.rewards9__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem; /* 30/100 */
    height: .68rem; /* 68/100 */
    z-index: 2;
}

.rewards9__arrow img {
    width: 100%;
    height: 100%;
}

.rewards9__arrow--left {
    left: -0.05rem;
}

.rewards9__arrow--right {
    right: -0.05rem;
}

/* -------- 奖励 10（单独展示） -------- */
/* meta.layout=absolute 授权 → absolute 定位；相对 .rewards-panel (bg 起点 left=447, top=2194)
   gift_10 bounds:1010,2220 213x326  →  left=(1010-447)/100=5.63rem, top=(2220-2194)/100=.26rem */
.reward10_box{
    position: absolute;
    top: 0.12rem;
    left: 5.63rem;
    z-index: 3;
}
.reward10 {
    width: 2.13rem;
    height: 2.96rem;
}

/* -------- 专属邀请礼 -------- */
/* 背景 bg_get_zs.png bounds:456,2587 774x223 */
.zs-panel {
    position: relative;
    width: 7.74rem; /* 774/100 */
    height: 2.23rem; /* 223/100 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_zs.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto; /* 居中布局 */
    padding: .25rem .3rem 0 .14rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.zs-panel__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    padding-top: .1rem;
}

.zs-panel__title {
    width: 2.4rem; /* 240/100 */
    height: .45rem; /* 45/100 */
}

.zs-panel__desc {
    font-size: .318rem; /* 31.8 */
    color: rgb(53, 53, 53);
    line-height: 1.3;
    text-align: left;
    font-family: dundun;
}

.zs-panel__gift {
    width: 2.95rem; /* 295/100 */
    height: 1.78rem; /* 178/100 */
    flex-shrink: 0;
}

.btn--zs {
    width: 1.74rem; /* 174/100 */
    height: .52rem; /* 52/100 */
    margin-top: 1.1rem;
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_get_zs.png")no-repeat center center/100% 100%;
}
.btn--zs.btn--geted{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/hasget_btn_big.png")no-repeat center center/100% 100%;
}
.btn--zs.btn--locked{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_locked_big.png")no-repeat center center/100% 100%;
}
/* -------- 集结任务列表（右列） -------- */
.tasks__title {
    width: 3.03rem; /* 303/100 */
    height: .55rem; /* 55/100 */
    margin-bottom: .17rem;
}

.tasks {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    align-items: center;
}

.task > img:nth-of-type(1) {
    width: 7.21rem; /* 721/100 */
    height: 1.7rem; /* 170/100 */
}

/* ============================ Section 2：新用户限定 ============================ */
.section-2 {
    margin-top: 2.1rem;
}

.section-2 > .section-title {
    /* title_section_2.png bounds: 759,3189 1055x158 */
    width: 10.55rem; /* 1055/100 */
    height: 1.58rem; /* 158/100 */
}

/* 内容容器：与标题平级，承载 bg_section2.png
   bg_section2.png bounds: 0,0 1703x1040 → 17.03rem × 10.4rem
   背景切图 §17.2：background-size 100% 100% + no-repeat（按图原始尺寸铺满） */
.section-body--2 {
    position: relative;
    width: 17.03rem;  /* 1703 / 100 */
    height: 10.4rem;  /* 1040 / 100 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_section2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .2rem;
    margin-top: .3rem;
}

.section-2 .section-sub {
    margin-top: 1.1rem;
    font-family: dundun;
}
.blue{
    color: #6678d3;
}
.s2-gifts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .59rem;
    margin-top:2.2rem; /* gift top=3644 - 副标题底(3552+33=3585) = 59 */
}

.s2-gift {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.82rem; /* 382/100 */
}

.s2-gift__img {
    width: 3.82rem;
    height: 5.08rem; /* 508/100 */
}

.s2-gift__cover,.s2-gift__cover2 {
    position: absolute;
    top: .02rem;
    left: .02rem;
    width: 3.78rem; /* 378/100 */
    height: 5.04rem; /* 504/100 */
    pointer-events: none;
    display: none;
}

.btn--section2-get,
.btn--section2-geted {
    width: 2.21rem; /* 221/100 */
    height: .7rem; /* 70/100 */
    margin-top: .3rem;
}
.btn--section2-get{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_section2_get.png")no-repeat center center/100% 100%;
}
.gift--geted .btn--section2-get{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_section2_geted.png")no-repeat center center/100% 100%;
}
.gift--outofstock .btn--section2-get{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/outofstock.png")no-repeat center center/100% 100%;
}
/*.btn--section2-get.btn--geted{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/btn_section2_geted.png")no-repeat center center/100% 100%;
}*/
.section-2 .section-note {
    margin-top: 2.21rem; /* 说明 top=4473 - 按钮底(4182+70=4252) = 221 */
}
.gift--geted .s2-gift__cover{
    display: block;
}
.gift--outofstock .s2-gift__cover2{
    display: block;
}

/* ============================ Section 3：老友限定 ============================ */
.section-3 {
    /* section 外层不设背景，纸张底图落到 .section-body--3 */
    margin-top: 2.2rem;
}

.section-3 > .section-title {
    /* title_section_3.png bounds: 874,4686 825x158 */
    width: 8.25rem; /* 825/100 */
    height: 1.58rem; /* 158/100 */
}

/* 内容容器：与标题平级，承载 bg_section3.png
   bg_section3.png bounds: 86,4886 2332x1151 → 23.32rem × 11.51rem
   背景切图 §17.2：background-size 100% 100% + no-repeat（按图原始尺寸铺满） */
.section-body--3 {
    position: relative;
    width: 23.32rem;  /* 2332 / 100 */
    height: 11.51rem; /* 1151 / 100 */
    background-image: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/bg_section3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .2rem;
    margin-top: .3rem;
}

.section-3 .section-sub {
    margin-top: 0.9rem;
    font-family:dundun;
    visibility: hidden;
}

.s3-gifts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .63rem;
    margin-top: .87rem; /* gift top=5117 - 副标题底(4999+31=5030) = 87 */
}

.s3-gift {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.19rem; /* 419/100 */
}

.s3-gift__img {
    width: 4.19rem;
    height: 4.64rem; /* 464/100 */
}

.s3-gift__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.19rem;
    height: 4.64rem;
    pointer-events: none;
    display: none;
}
.gift--geted .s3-gift__cover{
     display: block;
 }
.section-3 .btn {
    margin-top: .29rem; /* 按钮 top=5610 - gift底(5117+464=5581) = 29 */
}

.section-3 .section-note {
    margin-top: .45rem; /* 说明 top=5735 - 按钮底(5610+70=5680) = 55 */
}
@font-face {
    font-family: "dundun";
    src: url(dundun.ttf);
}

.login_box{
    color: #fff;
    font-size: 0.34rem;
}
.activeColor{
    color: #ec8d0d;
}
#afooter {
    font-size: .24rem;
    text-align: center;
    padding: .2rem 0;
    background: #000;
    color: #fff;
    position: relative;
    z-index: 25;
}
@media screen and (min-width: 1024px) and (pointer: fine) {
    #afooter {
        font-size: 14px;
    }
}
#afooter a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.hi_box{
   margin-top: -0.85rem;
}
.hi_box .hi_contain{
    top: 1.4rem;
    right: 0.44rem;
}
.hi_box .btn_group{
    text-align: center;
}
.hi_box .btn_group a{
    display: block;
}
.hi_box .btn_group img{
    width: 1.87rem;
    margin: 0.2rem auto 0;
    cursor: pointer;
}
.hi_contain p{
    font-size: 0.25rem;
    font-family: dundun;
}
.hi_bg{
    width: 7.72rem;
}
#inputCodeLayer p,#copyCodeLayer p{
    font-size: 24px;
}
#inputCodeLayer .input_box,#copyCodeLayer .input_box{
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin-top: 139px;
}
#copyCodeLayer .input_box{
    margin-top: 110px;
}
#inputCodeLayer .sure-btn1{
     margin-top: 15px;
     width: 186px;
     height: 86px;
}
.input_line{
    background: #dfd7c0;
    border-radius: 2rem;
    outline: none;
    border: none;
    width: 490px;
    height:80px;
    padding:0 15px;
    font-size: 24px;
    margin-top: 15px;
}
#copyCodeLayer .input_line{
    width:518px;
    height: 66px;
    margin-top: 10px;
}
#copyCodeLayer p{
    width:518px;
    padding-left: 25px;
}
.record_list li .left_text p:first-child{
    font-size: 26px;
    word-break: break-word;
}
.record_list li .left_text p:nth-of-type(2){
    font-size: 20px;
}
.record_list li .right_text{
    font-size: 26px;
    color: #ee7422;
    font-weight: 600;
}
.record_list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/record_bg.png")no-repeat center center/100% 100%;
    width: 100%;
    min-height: 86px;
    padding: 0 20px;
    margin-bottom: 15px;
}

#recordLayer {
    width: 592px;
}
.record_list{
    overflow: auto;
    padding-right: 0.05rem;
}
/* 自定义整个滚动条 */
.record_list::-webkit-scrollbar {
    width: 0.1rem; /* 设置滚动条的宽度 */
    height: 0.05rem; /* 设置滚动条的宽度 */
}

/* 自定义滚动条轨道 */
.record_list::-webkit-scrollbar-track {
    background: rgb(252, 252, 252); /* 设置轨道的背景颜色 */
}

/* 自定义滚动条的滑块（thumb） */
.record_list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #efe2c3; /* 设置滑块的背景颜色 */
}
.cursor-pointer{
    cursor: pointer;
}
.flex-center{
    display: flex;
    align-items: center;
}
.progress_lv{
    font-size: 0.33rem;
    color: #6d7dd2;
    font-family: dundun;
    letter-spacing:-1.2px;
    text-shadow: 2px 2px 1px #ffffff,
    -2px 2px 1px #ffffff,
    -2px -2px 1px #ffffff;
     margin-bottom: -0.05rem;
     margin-right: 0.05rem;
}
.progress_num{
    font-size: 0.22rem;
    color: #cbb38a;
    font-family: dundun;
}
.progress_num span{
    color: #6d7dd2;
}
.progress_box{
    width:100%;
    height: 0.16rem;
    background: #e5cea7;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.progress_bar{
    width: 0%;
    height: 0.16rem;
    background: #8391d6;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg,
    rgba(255,255,255,.15) 25%, transparent 25%,
    transparent 50%, rgba(255,255,255,.15) 50%,
    rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-size:0.6rem 0.6rem;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.get-score-btn{
    width: 1.56rem;
    height: 0.51rem;
    display: block;
    margin: 0 auto 0.08rem;
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/100.png")no-repeat center center/100% 100%;
}
.get-score-120{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/120.png")no-repeat center center/100% 100%;
}
.get-score-100{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/100.png")no-repeat center center/100% 100%;
}
.get-score-80{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/80.png")no-repeat center center/100% 100%;
}
.get-score-10{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/10.png")no-repeat center center/100% 100%;
}
.get-score-3{
     background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/3.png")no-repeat center center/100% 100%;
 }
.get-score-8{
      background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/8.png")no-repeat center center/100% 100%;
  }
.get-score-btn.btn--geted{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/hasget_btn_score.png")no-repeat center center/100% 100%!important;
}
.get-score-btn.btn--todaydone{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/todaydone.png")no-repeat center center/100% 100%!important;
}
.get-score-btn.btn--hasassemble{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/hasassemble.png")no-repeat center center/100% 100%!important;
}
.locked_box{
    position: absolute;
    top: 0.41rem;
    left: 0.16rem;
    display: flex;align-items: center;
}
.locked_box img{
   width: 0.11rem;
}
.locked_box span{
   font-size: max(0.16rem, 12px);
    color: #fff;
    font-family: dundun;
}
.record_list .left_text{
    flex: 1;
}
.rule_btn{
    font-size: 0.28rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.rule_title{
    font-weight: 600;
    color: #7080d4;
}
.share-btn2{
    background: url("//game.gtimg.cn/images/rocom/act/a20260901bpfission/share_btn.png")no-repeat center center/100% 100%;
    margin-right: 0.1rem;
}
.js-nickName{
    width: 1.8rem;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#notLoginBox{
    padding-right: 0.4rem;
    font-size: 0.34rem;
    margin-top: 0.6rem;
}
#logoutBtn{
    cursor: pointer;
}
.tips_add{
    font-size: 18px!important;
    color: #7a7a7a;
    margin-top: 0.1rem;
}