.qiandao-sprits{
    background-image:url(../images/sign/qiandao_sprits.png); background-repeat:no-repeat
}


.qiandao-tran{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.qiandao-radius{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px}
.qiandap-box{ display:block; width:800px; height:530px; padding:10px;background: #fff; }
.qiandao-con{ display:block; margin:0 auto;width:100%;height:100%;background-image:url(../images/sign/qiandao_con.png?v=1); background-repeat:no-repeat;}
.qiandao-left{ float:left; padding: 15px 30px 0; width:465px}
.qiandao-left .qiandao-left-top{ display:block; padding:0 80px;margin-top:10px;}
.qiandao-left .qiandao-left-top .current-date{float:left; color:#FFFCF6;font-size:18px; height:30px;line-height:30px;}
.qiandao-left .qiandao-left-top .qiandao-history{float:right;width:90px;height:30px;line-height:30px;border-radius:4px;background-color:#F5532E;text-align:center;font-size:16px;cursor:pointer}
.qiandao-left .qiandao-left-top .qiandao-history a{ display:block; height:30px;line-height:30px; color:#FFF;text-align:center;font-size:16px; }
.qiandao-history:hover{background-color:#FFFCF6}
.qiandao-left .qiandao-main{display:block; overflow:hidden;width:100%;}
.qiandao-left .qiandao-main .qiandao-list{ display: block; float:left; margin-top:70px;padding-left:15px; }
.qiandao-left .qiandao-main .qiandao-list li{position:relative;float:left;margin:0 2px 2px 0;width:60px;height:60px;border-radius: 15px;background-image:url(../images/sign/qiandao_day.png?v=1); background-repeat:no-repeat;background-position:0 0}
.qiandao-left .qiandao-main .qiandao-list li.date1{background-position:-325px -10px;}
.qiandao-left .qiandao-main .qiandao-list li.date2{background-position:-390px -10px;}
.qiandao-left .qiandao-main .qiandao-list li.date3{background-position:-5px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date4{background-position:-70px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date5{background-position:-135px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date6{background-position:-200px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date7{background-position:-265px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date8{background-position:-330px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date9{background-position:-395px -70px}
.qiandao-left .qiandao-main .qiandao-list li.date10{background-position:-5px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date11{background-position:-70px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date12{background-position:-135px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date13{background-position:-200px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date14{background-position:-265px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date15{background-position:-330px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date16{background-position:-395px -135px}
.qiandao-left .qiandao-main .qiandao-list li.date17{background-position:-5px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date18{background-position:-70px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date19{background-position:-135px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date20{background-position:-200px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date21{background-position:-265px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date22{background-position:-330px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date23{background-position:-395px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date24{background-position:-5px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date25{background-position:-70px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date26{background-position:-135px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date27{background-position:-200px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date28{background-position:-265px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date29{background-position:-330px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date30{background-position:-395px -255px}
.qiandao-left .qiandao-main .qiandao-list li.date31{background-position:-5px -315px}
.qiandao-left .qiandao-main .qiandao-list li .qiandao-icon{position:absolute;top:0px;left:0;z-index:2;display:none;width:65px;height:65px;background:url(../images/sign/qiandao_icon.png?v=1) no-repeat center center}
.qiandao-left .qiandao-main .qiandao-list li.qiandao .qiandao-icon{display:block}
.qiandao-left .qiandao-main .qiandao-list li.today{ cursor:pointer;  }
.qiandao-left .qiandao-main .qiandao-list li.today:after{border: solid transparent;content:'';height: 0;bottom: 0;right: 0px;position: absolute;width: 0;border-width: 10px;border-bottom-color: #f00;border-right-color: #f00;cursor:pointer;}
.qiandao-right{float:right;padding:0 20px;width:220px}
.qiandao-right .qiandao-top{padding-top:40px; height:160px; }
.just-qiandao{
    background: #F5532E;
    border-radius: 5px;
    line-height: 50px;
    font-size: 26px;
    text-align: center;
    color: #FFF;
    font-weight: 400;
    margin:10px auto 15px;
    width:150px;
    height:50px;
    cursor:pointer
}
.qiandao-right .just-qiandao.actived,.just-qiandao:active{ color:#FFEC3E; }
.qiandao-right .qiandao-notic{color:#FFFCF6;text-align:center;font-size:12px; }
.qiandao-right .qiandao-rule-list{margin-bottom:20px;color:#FFFCF6;font-size:12px;line-height:16px}
.qiandao-right .qiandao-rule-list h4{font-weight:bolder;font-size:14px}
.qiandao-result{ display:block; padding:30px; }
.qiandao-result .yiqiandao{ display:block; margin: 20px auto 0; text-align: center; color:#FFFCF6;font-size:14px;line-height:40px }
.qiandao-result .yiqiandao .yiqiandao-icon{ display:block; margin: 0 auto; width:200px;height:40px;background-position:-217px 0}
.qiandao-result .yiqiandao p{ display:block; line-height:30px; font-size:18px; margin: 20px auto 0; }
.qiandao-result .qiandao-jiangli{display:block; position:relative;margin:40px auto 0; width:330px;height:170px;background-position:0 -146px}
.qiandao-result .qiandao-jiangli span{position:absolute;top:58px;left:50px;display:block;width:178px;height:106px;color:#FFFCF6;text-align:center;font-weight:bolder;font-size:30px;line-height:106px}
.qiandao-result .qiandao-jiangli span em{padding-left:5px;font-style:normal;font-size:14px}

/* Daily Check In (PC) */
#popBoxSign {
    background: transparent;
    padding: 0;
    color: #e8eef8;
}
.layui-layer.daily-checkin-layer #popBoxSign {
    display: block;
}
.daily-checkin {
    box-sizing: border-box;
    width: 640px;
    padding: 28px 32px 24px;
    border-radius: 14px;
    background: linear-gradient(180deg, #0a1630 0%, #06101f 100%);
    border: 1px solid rgba(80, 140, 220, 0.28);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.08), 0 16px 40px rgba(0, 0, 0, 0.45);
}
.daily-checkin-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 22px;
}
.daily-checkin-ico {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: #60a5fa;
    filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.45));
}
.daily-checkin-ico svg {
    width: 36px;
    height: 36px;
    display: block;
}
.daily-checkin-title h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
}
.daily-checkin-title p {
    margin: 4px 0 0;
    font-size: 13px;
    color: #9fb0c9;
    line-height: 1.4;
}
.daily-checkin-days {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 24px;
}
.daily-checkin-day {
    flex: 1;
    min-width: 0;
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    background: rgba(8, 20, 44, 0.9);
    border: 1px solid rgba(96, 165, 250, 0.22);
    box-sizing: border-box;
}
.daily-checkin-day .day-ico {
    display: none;
    width: 28px;
    height: 28px;
}
.daily-checkin-day .day-ico svg {
    width: 28px;
    height: 28px;
    display: block;
}
.daily-checkin-day .day-label {
    font-size: 12px;
    color: #d7e3f5;
}
.daily-checkin-day.is-done .day-ico-done { display: block; }
.daily-checkin-day.is-today .day-ico-today { display: block; }
.daily-checkin-day.is-lock .day-ico-lock { display: block; }
.daily-checkin-day.is-lock {
    opacity: 0.55;
}
.daily-checkin-day.is-lock .day-ico-lock {
    color: #c5d4ea;
}
.daily-checkin-day.is-today {
    border-color: #f5c15a;
    box-shadow: 0 0 12px rgba(245, 193, 90, 0.45);
    cursor: pointer;
    opacity: 1;
}
.daily-checkin-btn {
    display: block;
    width: 220px;
    height: 44px;
    margin: 0 auto;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #f5d07a, #d4a017);
    color: #1a1203;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(212, 160, 23, 0.28);
}
.daily-checkin-btn:hover {
    filter: brightness(1.05);
}
.daily-checkin-btn.actived {
    background: #4b5563;
    color: #d1d5db;
    box-shadow: none;
    cursor: default;
    filter: none;
}
.daily-checkin-notic {
    min-height: 18px;
    margin: 12px 0 0;
    text-align: center;
    font-size: 12px;
    color: #9fb0c9;
}
.layui-layer.daily-checkin-layer {
    background: transparent;
    box-shadow: none;
}
.layui-layer.daily-checkin-layer .layui-layer-content {
    overflow: visible;
    background: transparent;
}
.daily-checkin-hero {
    display: none;
}
@media screen and (max-width: 768px) {
    .layui-layer.daily-checkin-layer {
        max-width: 92vw;
        max-height: 85vh;
    }
    .layui-layer.daily-checkin-layer .layui-layer-content {
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .daily-checkin {
        width: 100%;
        max-width: 100%;
        padding: 14px 12px 12px;
    }
    .daily-checkin-head {
        margin-bottom: 8px;
    }
    .daily-checkin-title h3 {
        font-size: 18px;
    }
    .daily-checkin-hero {
        display: block;
        text-align: center;
        margin: 0 0 10px;
    }
    .daily-checkin-hero-card {
        width: 64px;
        height: 64px;
        margin: 0 auto 6px;
        border-radius: 12px;
        border: 1px solid rgba(96, 165, 250, 0.45);
        box-shadow: 0 0 14px rgba(56, 189, 248, 0.28);
        background: rgba(8, 20, 44, 0.95);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    .daily-checkin-hero-gift {
        width: 26px;
        height: 26px;
        filter: drop-shadow(0 0 8px rgba(245, 193, 90, 0.5));
    }
    .daily-checkin-hero-gift svg {
        width: 26px;
        height: 26px;
        display: block;
    }
    .daily-checkin-hero-day {
        color: #f5c15a;
        font-size: 12px;
        font-weight: 700;
    }
    .daily-checkin-hero p {
        margin: 0;
        color: #fff;
        font-size: 13px;
    }
    .daily-checkin-hero .sub {
        margin-top: 2px;
        color: #9fb0c9;
        font-size: 12px;
    }
    .daily-checkin-days {
        gap: 4px;
        margin-bottom: 12px;
    }
    .daily-checkin-day {
        height: 62px;
        gap: 4px;
    }
    .daily-checkin-day .day-ico,
    .daily-checkin-day .day-ico svg {
        width: 20px;
        height: 20px;
    }
    .daily-checkin-day .day-label {
        font-size: 10px;
    }
    .daily-checkin-btn {
        width: 100%;
        height: 40px;
        background: #4a90e2;
        color: #0a1628;
        box-shadow: 0 4px 16px rgba(74, 144, 226, 0.35);
    }
    .daily-checkin-notic {
        margin: 8px 0 0;
    }
}