.yjfb-root{--yjfb-accent:#ff4d6d;position:relative;z-index:99980;font-family:inherit}
.yjfb-float,.yjfb-restore{position:fixed;left:var(--yjfb-left,12px);top:var(--yjfb-top,128px);z-index:99980;border:0;cursor:pointer}
.yjfb-float{width:176px;min-height:68px;padding:8px 28px 8px 8px;border-radius:20px;background:linear-gradient(135deg,var(--yjfb-accent),#ff8b4d);box-shadow:0 14px 38px rgba(217,51,80,.28);display:flex;align-items:center;color:#fff;overflow:hidden;transition:.25s transform,.25s opacity}
.yjfb-float:hover{transform:translateY(-2px)}
.yjfb-float-shine{position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);animation:yjfb-shine 3s infinite}
@keyframes yjfb-shine{0%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}
.yjfb-bag-icon{width:50px;height:50px;border-radius:16px 16px 22px 22px;background:#ffe3a5;color:#d8364d;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:inset 0 -5px 0 rgba(255,151,40,.18);flex:0 0 auto;position:relative}
.yjfb-bag-icon:before{content:"";position:absolute;top:-4px;width:30px;height:9px;border-radius:100%;background:#ffd87d}
.yjfb-float-copy{position:relative;display:flex;flex-direction:column;text-align:left;margin-left:9px;min-width:0}
.yjfb-float-copy b{font-size:15px;white-space:nowrap}
.yjfb-float-countdown{display:flex;align-items:center;gap:5px;margin-top:3px;white-space:nowrap}
.yjfb-float-countdown em{font-size:10px;font-style:normal;opacity:.82}
.yjfb-float-countdown strong{font-size:12px;line-height:1;padding:4px 6px;border-radius:7px;background:rgba(72,12,22,.18);font-variant-numeric:tabular-nums;letter-spacing:.25px}
.yjfb-hide{position:absolute;right:8px;top:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.13);font-size:15px;line-height:1}
.yjfb-restore{display:none;width:34px;height:44px;border-radius:0 16px 16px 0;background:linear-gradient(135deg,var(--yjfb-accent),#ff8b4d);color:#fff;font-weight:900;box-shadow:0 8px 24px rgba(217,51,80,.25)}
.yjfb-root.is-hidden .yjfb-float{opacity:0;pointer-events:none;transform:translateX(-115%)}
.yjfb-root.is-hidden .yjfb-restore{display:block}
.yjfb-overlay{position:fixed;inset:0;z-index:99990;background:rgba(20,18,25,.58);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:.2s}
.yjfb-overlay.is-open{opacity:1;visibility:visible}
.yjfb-modal{width:min(440px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative;transform:translateY(18px) scale(.98);transition:.25s}
.yjfb-overlay.is-open .yjfb-modal{transform:none}
.yjfb-close{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer}
.yjfb-modal-top{text-align:center;padding:30px 24px 24px;background:radial-gradient(circle at 20% 10%,#ffca82 0,transparent 34%),linear-gradient(150deg,var(--yjfb-accent),#ff7448);color:#fff;border-radius:28px 28px 40px 40px}
.yjfb-mini-label{display:inline-block;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.18);font-size:12px}
.yjfb-big-bag{width:92px;height:92px;margin:18px auto 10px;border-radius:26px 26px 40px 40px;background:linear-gradient(#ffe7a9,#ffc05b);display:grid;place-items:center;box-shadow:0 13px 34px rgba(91,20,34,.24)}
.yjfb-big-bag i{font-style:normal;font-size:42px;font-weight:900;color:#d93650}
.yjfb-modal-top h2{margin:8px 0 6px;color:#fff;font-size:26px}
.yjfb-modal-top p{margin:0 auto;max-width:330px;opacity:.9;font-size:14px}
.yjfb-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:17px}
.yjfb-timer-title{font-size:13px;opacity:.88}
.yjfb-countdown-grid{display:grid;grid-template-columns:repeat(4,58px);gap:7px}
.yjfb-countdown-grid>div{padding:8px 5px 6px;border-radius:12px;background:rgba(61,13,24,.2);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center}
.yjfb-countdown-grid strong{font-size:21px;line-height:1.05;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.yjfb-countdown-grid em{font-size:10px;font-style:normal;opacity:.76;margin-top:4px}
.yjfb-countdown-status{font-size:19px;letter-spacing:1px}
.yjfb-modal-body{padding:20px 22px 24px;color:#202331}
.yjfb-condition{padding:13px 15px;border-radius:15px;background:#fff5df;border:1px solid #ffe1a7;display:flex;flex-direction:column;gap:4px}.yjfb-condition b{color:#9a5b00}.yjfb-condition span{font-size:13px;color:#775929}
.yjfb-section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.yjfb-section-head span{font-size:12px;color:#9296a5}
.yjfb-prizes{display:grid;gap:9px}.yjfb-prizes article{display:flex;align-items:center;padding:11px;border-radius:15px;background:#f7f7fb;border:1px solid #ececf4}.yjfb-prizes article i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fff0d0,#ffc875);color:#b65b00;font-style:normal;font-weight:900;display:grid;place-items:center;margin-right:10px}.yjfb-prizes article div{display:flex;flex-direction:column}.yjfb-prizes article b{font-size:14px}.yjfb-prizes article span{font-size:12px;color:#858a98;margin-top:2px}
.yjfb-join,.yjfb-address button{width:100%;border:0;border-radius:15px;padding:14px 18px;background:linear-gradient(135deg,var(--yjfb-accent),#ff7448);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(217,51,80,.18);margin-top:16px}.yjfb-join:disabled{background:#c7c9d2;box-shadow:none;cursor:default}
.yjfb-footnote{text-align:center;color:#9a9daa;font-size:11px;margin:10px 0 0}
.yjfb-result{display:none;margin-top:14px;padding:12px;border-radius:12px;font-size:13px}.yjfb-result.is-ok{display:block;background:#eafaf0;color:#158343}.yjfb-result.is-error{display:block;background:#fff0f0;color:#c53e3e}
.yjfb-address{margin-top:16px;padding-top:16px;border-top:1px dashed #ddd}.yjfb-address h3{font-size:16px;margin:0 0 10px}.yjfb-address input,.yjfb-address textarea{width:100%;box-sizing:border-box;border:1px solid #e1e2e9;border-radius:12px;padding:11px;margin:5px 0;background:#fafafd}.yjfb-address textarea{min-height:70px;resize:vertical}
.yjfb-unlock-box{padding:14px 16px;margin:12px 0;border-radius:14px;background:linear-gradient(135deg,#fff5de,#fff);border:1px solid #ffdf9b;display:flex;flex-direction:column}.yjfb-unlock-box strong{color:#bf6700}.yjfb-unlock-box span{font-size:12px;color:#8c713e;margin-top:3px}
html.yjfb-lock{overflow:hidden}
@media(max-width:600px){
 .yjfb-float{width:142px;min-height:58px;border-radius:18px;padding:6px 24px 6px 6px}
 .yjfb-bag-icon{width:44px;height:44px;border-radius:14px 14px 19px 19px;font-size:21px}
 .yjfb-float-copy{margin-left:7px}.yjfb-float-copy b{font-size:13px}.yjfb-float-copy em{font-size:10px}
 .yjfb-overlay{align-items:flex-end;padding:0}.yjfb-modal{width:100%;max-height:90vh;border-radius:25px 25px 0 0}.yjfb-modal-top{padding:23px 18px 20px;border-radius:25px 25px 34px 34px}.yjfb-big-bag{width:74px;height:74px;margin:12px auto 7px}.yjfb-big-bag i{font-size:34px}.yjfb-modal-top h2{font-size:22px}.yjfb-modal-body{padding:16px}
}
@media(prefers-color-scheme:dark){
 body.dark-theme .yjfb-modal,.dark-theme .yjfb-modal{background:#24252b;color:#f5f5f7}.dark-theme .yjfb-prizes article{background:#303138;border-color:#3a3b44}.dark-theme .yjfb-address input,.dark-theme .yjfb-address textarea{background:#303138;border-color:#41424b;color:#fff}
}


/* v0.1.1 开奖倒计时 */
.yjfb-root.is-urgent .yjfb-float-countdown strong{
 animation:yjfb-countdown-pulse 1s infinite;
 background:rgba(255,238,137,.28);
}
.yjfb-root.is-urgent .yjfb-countdown-grid>div{
 animation:yjfb-countdown-pulse 1s infinite;
}
.yjfb-root.is-drawing .yjfb-float-countdown strong{
 background:rgba(255,255,255,.2);
}
@keyframes yjfb-countdown-pulse{
 0%,100%{transform:scale(1);box-shadow:none}
 50%{transform:scale(1.04);box-shadow:0 0 0 4px rgba(255,236,135,.12)}
}
@media(max-width:600px){
 .yjfb-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(292px,100%);gap:6px}
 .yjfb-countdown-grid>div{padding:7px 3px 5px;border-radius:10px}
 .yjfb-countdown-grid strong{font-size:19px}
 .yjfb-float-countdown{gap:4px}
 .yjfb-float-countdown em{font-size:9px}
 .yjfb-float-countdown strong{font-size:11px;padding:3px 5px}
}
