.brc-wrap{width:100%;margin:22px auto;font-family:inherit;}
.brc-card{position:relative;overflow:hidden;display:grid;grid-template-columns:250px 1fr 220px;align-items:center;gap:22px;min-height:340px;padding:46px 56px;border-radius:58px;background:var(--brc-bg,#ead8e7);color:var(--brc-primary,#7c173c);box-shadow:0 18px 45px rgba(60,20,50,.08)}
.brc-left-count{display:flex;align-items:baseline;justify-content:center;font-weight:900;line-height:1;color:var(--brc-primary,#7c173c)}
.brc-current{font-size:160px;letter-spacing:-8px}.brc-slash{font-size:72px;margin-left:6px}.brc-required{font-size:66px}
.brc-main{text-align:center;z-index:2}.brc-main h2{margin:0 0 10px;font-size:52px;line-height:1.05;font-weight:900;color:var(--brc-primary,#7c173c)}
.brc-main p{margin:0 0 34px;font-size:26px;line-height:1.25;color:var(--brc-primary,#7c173c)}
.brc-bean-grid{display:grid;grid-template-columns:repeat(5,64px);gap:28px 34px;justify-content:center;margin:0 auto 34px;max-width:520px}.brc-bean{position:relative;width:64px;height:64px;border:8px solid rgba(124,23,60,.28);border-radius:50%;display:block;transform:rotate(-28deg);background:transparent}.brc-bean:after{content:"";position:absolute;left:24px;top:-6px;width:16px;height:62px;border-left:7px solid rgba(124,23,60,.28);border-radius:50%;transform:rotate(16deg)}.brc-bean.is-filled{background:radial-gradient(circle at 35% 35%, #fff7a4 0 18%, var(--brc-bean,#f5ca38) 40%, #d69c15 100%);border-color:var(--brc-primary,#7c173c)}.brc-bean.is-filled:after{border-left-color:var(--brc-primary,#7c173c)}
.brc-cup{display:flex;justify-content:center;align-items:center;position:relative;min-height:250px}.brc-cup-lid{position:absolute;top:24px;width:145px;height:42px;border-radius:50% 50% 18px 18px;background:#fff;box-shadow:0 5px 0 rgba(0,0,0,.08)}.brc-cup-body{width:138px;height:190px;margin-top:60px;border-radius:16px 16px 38px 38px;background:repeating-linear-gradient(90deg,#ba7d16 0 8px,#e7b02e 8px 16px,#8f5d0f 16px 20px);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:30px;font-weight:900;line-height:.95;box-shadow:14px 18px 35px rgba(90,40,20,.22)}
.brc-actions{min-height:36px;margin-top:4px}.brc-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;background:var(--brc-primary,#7c173c);color:#fff!important;text-decoration:none!important;font-weight:800;transition:transform .2s ease, opacity .2s ease}.brc-btn:hover{transform:translateY(-2px);opacity:.92}.brc-message{font-size:17px;font-weight:700}.brc-history-toggle{border:0;background:transparent;color:var(--brc-primary,#7c173c);font-size:26px;font-weight:900;cursor:pointer;margin-top:22px}.brc-history{display:none;margin:20px auto 0;max-width:620px;text-align:left;background:rgba(255,255,255,.38);border-radius:20px;padding:18px}.brc-card.show-history .brc-history{display:block}.brc-history ul{margin:0;padding-left:20px}.brc-history li{margin:8px 0}.brc-history em{opacity:.72;font-size:13px;margin-left:8px}.brc-login-box{padding:22px;border-radius:16px;background:#f6f2f5;text-align:center}.brc-cart-reward td,.brc-cart-reward th{color:#1b8f43!important;font-weight:700!important}
@media(max-width:900px){.brc-card{grid-template-columns:1fr;gap:18px;min-height:auto;padding:34px 22px;border-radius:34px}.brc-left-count{order:2}.brc-main{order:1}.brc-cup{order:3;min-height:190px}.brc-current{font-size:96px}.brc-slash{font-size:46px}.brc-required{font-size:42px}.brc-main h2{font-size:38px}.brc-main p{font-size:20px;margin-bottom:24px}.brc-bean-grid{grid-template-columns:repeat(5,44px);gap:18px}.brc-bean{width:44px;height:44px;border-width:6px}.brc-bean:after{left:16px;width:12px;height:43px;border-left-width:5px}.brc-history-toggle{font-size:22px}.brc-cup-lid{width:108px}.brc-cup-body{width:104px;height:142px;font-size:22px}}
@media(max-width:480px){.brc-card{padding:28px 16px;border-radius:28px}.brc-bean-grid{grid-template-columns:repeat(5,36px);gap:14px}.brc-bean{width:36px;height:36px;border-width:5px}.brc-bean:after{left:13px;height:36px;border-left-width:4px}.brc-current{font-size:78px}.brc-main h2{font-size:32px}.brc-main p{font-size:17px}.brc-left-count{margin-top:-14px}}