.fbundle-widget{
    margin-top:18px;
    border:1px solid var(--line,#e7e7e2);
    border-radius:14px;
    background:var(--bg-1,#fafaf8);
    padding:16px 16px 14px;
    font-family:inherit;
}
.fbundle-widget + .fbundle-widget{margin-top:12px;}
.fbundle-head{
    display:flex;align-items:center;gap:8px;margin-bottom:12px;
}
.fbundle-head .fbundle-ic{
    width:30px;height:30px;flex:0 0 30px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:#eef2ff;color:#4f46e5;font-size:16px;
}
.fbundle-title{font-size:14px;font-weight:800;color:var(--heading,#1c1c1a);line-height:1.2;}
.fbundle-reward{
    font-size:11.5px;font-weight:700;color:#4f46e5;margin-top:2px;
}
.fbundle-lines{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.fbundle-line{
    display:flex;align-items:center;gap:9px;
    background:#fff;border:1px solid var(--line,#e9e9e4);border-radius:11px;
    padding:8px 11px 8px 8px;min-width:0;flex:1 1 190px;
    text-decoration:none;color:inherit;
}
.fbundle-line.is-reward{border-color:#c7d2fe;background:#f5f7ff;}
.fbundle-thumb{
    width:46px;height:46px;flex:0 0 46px;border-radius:8px;overflow:hidden;
    background:#f0f0ec;display:flex;align-items:center;justify-content:center;
}
.fbundle-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.fbundle-thumb i{font-size:20px;color:#c4c4bd;}
.fbundle-meta{min-width:0;flex:1;}
.fbundle-name{
    font-size:12.5px;font-weight:600;line-height:1.35;color:var(--heading,#26261f);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.fbundle-sub{font-size:11px;color:var(--text,#8a8a80);margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.fbundle-qty{
    font-size:10.5px;font-weight:700;color:#4f46e5;background:#eef2ff;
    border-radius:20px;padding:1px 7px;white-space:nowrap;
}
.fbundle-gift{font-size:10.5px;font-weight:700;color:#0e9f6e;background:#e7f6ef;border-radius:20px;padding:1px 7px;}
.fbundle-plus{color:var(--text,#b5b5ac);font-size:15px;align-self:center;font-weight:700;}
.fbundle-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.fbundle-total{font-size:12px;color:var(--text,#7c7c72);}
.fbundle-total b{font-size:16px;color:var(--heading,#1c1c1a);font-weight:800;margin-left:4px;}
.fbundle-btn{
    appearance:none;border:none;cursor:pointer;
    background:#4f46e5;color:#fff;font-weight:800;font-size:13px;
    border-radius:10px;padding:11px 18px;line-height:1;
    display:inline-flex;align-items:center;gap:7px;transition:background .15s,transform .05s;
}
.fbundle-btn:hover{background:#4338ca;}
.fbundle-btn:active{transform:translateY(1px);}
.fbundle-btn:disabled{opacity:.6;cursor:default;}
.fbundle-btn .spin{
    width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;
    border-radius:50%;animation:fbundleSpin .6s linear infinite;
}
.fbundle-hint{font-size:11px;color:var(--text,#8a8a80);}
.fbundle-hint a{color:#4f46e5;font-weight:700;text-decoration:none;}
@keyframes fbundleSpin{to{transform:rotate(360deg);}}

.fbundle-nudge{
    border:1px solid #dfe3ff;border-radius:12px;
    background:linear-gradient(180deg,#f7f8ff 0%,#ffffff 100%);
    padding:12px 13px;margin:12px 0;
}
.fbundle-nudge + .fbundle-nudge{margin-top:8px;}
.fbundle-nudge-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;}
.fbundle-nudge-ic{
    width:26px;height:26px;flex:0 0 26px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    background:#eef2ff;color:#4f46e5;font-size:14px;
}
.fbundle-nudge.is-earned .fbundle-nudge-ic{background:#e7f6ef;color:#0e9f6e;}
.fbundle-nudge-txt{min-width:0;flex:1;}
.fbundle-nudge-title{font-size:12.5px;font-weight:700;color:var(--heading,#25251f);line-height:1.35;}
.fbundle-nudge-reward{font-size:11px;color:#4f46e5;font-weight:700;margin-top:1px;}
.fbundle-bar{height:6px;border-radius:20px;background:#e7e7f5;overflow:hidden;margin-bottom:9px;}
.fbundle-bar span{display:block;height:100%;border-radius:20px;background:#4f46e5;transition:width .3s ease;}
.fbundle-nudge.is-earned .fbundle-bar span{background:#0e9f6e;}
.fbundle-miss{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.fbundle-miss-item{
    display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e6e6e0;
    border-radius:9px;padding:4px 8px 4px 4px;text-decoration:none;color:inherit;
}
.fbundle-miss-item img{width:28px;height:28px;border-radius:6px;object-fit:cover;background:#f0f0ec;}
.fbundle-miss-item .fbundle-miss-ph{width:28px;height:28px;border-radius:6px;background:#f0f0ec;display:flex;align-items:center;justify-content:center;}
.fbundle-miss-item .fbundle-miss-ph i{font-size:14px;color:#c4c4bd;}
.fbundle-miss-name{font-size:11px;font-weight:600;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fbundle-miss-q{font-size:10px;font-weight:700;color:#4f46e5;}
.fbundle-nudge-btn{
    appearance:none;border:none;cursor:pointer;width:100%;
    background:#4f46e5;color:#fff;font-weight:800;font-size:12.5px;
    border-radius:9px;padding:9px 12px;line-height:1;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s;
}
.fbundle-nudge-btn:hover{background:#4338ca;}
.fbundle-nudge-btn:disabled{opacity:.6;cursor:default;}
.fbundle-nudge-btn .spin{
    width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;
    border-radius:50%;animation:fbundleSpin .6s linear infinite;
}
.fbundle-nudge.is-earned .fbundle-nudge-msg{
    font-size:12px;font-weight:700;color:#0e9f6e;display:flex;align-items:center;gap:6px;
}